/*******公共样式*start*/
header.mui-bar {
  border: 0;
  background-color: initial;
}
header.mui-bar .mui-title {
  color: #333333;
  font-size: 0.9rem;
}
header.mui-bar .mui-icon {
  color: #000000;
}
header.mui-bar .mui-icon-closeempty {
  font-size: 2rem;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
}
.rdntn.rmcolor {
  background-color: #ccc;
}
.img-look.active,
.img-cut.active {
  display: block;
}
.voice-lading {
  display: none;
  z-index: 999999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: url(../images/voice-gif.gif) center 90% no-repeat;
  background-size: 8.125rem 6.25rem;
}
#loging {
  width: 100%;
  height: 2rem;
  background: url(../images/loging.gif) center no-repeat;
  background-size: 1rem;
  text-align: center;
  color: #8F8F94;
  font: 0.7rem/1.5 "";
}
.img-look,
.img-cut {
  display: none;
  z-index: 99999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #000;
}
.img-look .img-look-box,
.img-cut .img-look-box,
.img-look .img-cut-box,
.img-cut .img-cut-box {
  width: 100%;
  height: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.img-look .img-cut-box,
.img-cut .img-cut-box {
  height: 90%;
}
.img-look .img-cut-opt,
.img-cut .img-cut-opt {
  width: 100%;
  height: 10%;
}
.img-look img,
.img-cut img,
.img-look video,
.img-cut video {
  opacity: 1;
  max-width: 100%;
  max-height: 100%;
}
.img-look .img-cut-box img,
.img-cut .img-cut-box img {
  max-height: none;
}
.img-look video.active,
.img-cut video.active {
  opacity: 0;
}
#vdo-loding {
  position: absolute;
  z-index: 9;
  top: 50%;
  left: 50%;
  width: 2rem;
  height: 2rem;
  margin-left: -1rem;
  margin-top: -1rem;
  background: url(../images/vdo_lodi.gif) no-repeat center;
  background-size: 1rem;
}
#loging.ovr {
  background: transparent;
}
header.header-color {
  background-color: #fff;
}
header.header-color .mui-pull-right {
  color: #d93b2a ;
}
.colorheader header.header-color {
  background-color: #fff;
}
.colorheader header.header-color .mui-title,
.colorheader header.header-color .mui-icon {
  color: #d93b2a;
}
.rdntn {
  background-color: #d93b2a;
  box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.3);
  border-radius: 40px;
  color: #ffffff;
}
.promit {
  z-index: 9999;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.popover,
.popover2,
.popover-img {
  z-index: 9999;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.popover-img,
.popover2 {
  background-color: rgba(0, 0, 0, 0.5);
}
.table-view {
  position: fixed;
  left: 5%;
  bottom: 50%;
  width: 90%;
  padding: 0.5rem 0.5rem 0 0.5rem;
  z-index: 999999;
  transform: translate(0, 50%);
  -webkit-transform: translate(0, 50%);
  background-color: rgba(0, 0, 0, 0.75);
  box-shadow: 0px 10px 26px 0px rgba(0, 0, 0, 0.38);
  border-radius: 10px;
  display: none;
}
.table-view .table-view-cell {
  width: 100%;
  border-radius: 0.5rem;
  font: 0.8rem / 2.5rem "";
}
.table-view .table-view-cell a.table-view-cell-a {
  display: block;
  color: #fff;
  border-bottom: 1px solid #000;
  padding: 0 1rem ;
}
.table-view .table-view-cell a.table-view-cell-cancel,
.table-view .table-view-cell a.table-view-cell-affirm {
  border: 0;
  text-align: end;
  font: 0.62rem / 2.5rem "";
  padding: 0 1.5rem;
  float: right;
  width: auto;
}
.table-view .table-view-cell em.ocheckbox {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url(../images/juxing.png) 0 0 no-repeat;
  background-size: 0.85rem;
  vertical-align: middle;
  margin-right: 0.75rem;
}
.table-view .table-view-cell .table-view-cell-a.active em.ocheckbox {
  background: url(../images/juxing2.png) 0 0 no-repeat;
  background-size: 0.85rem;
}
.table-view .table-view-cell p.title-p {
  color: #fff;
  border-bottom: 1px solid #222222;
  width: 96%;
  margin-left: 2%;
  text-align: center;
  margin-bottom: 0.5rem;
}
.ovf {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table-view2 .table-view-cell:nth-of-type(1) a.table-view-cell-a {
  border-bottom: 0;
  font: 0.8rem / 2.5 "";
}
.mui-popup-backdrop {
  background: rgba(0, 0, 0, 0);
}
.mui-popup {
  background: rgba(0, 0, 0, 0.75);
  box-shadow: 0px 10px 26px 0px rgba(0, 0, 0, 0.38);
  opacity: 0.75;
}
.mui-popup .mui-popup-title {
  padding: .8rem 0 .8rem 0;
  border-bottom: 1px solid #1a1a1a;
  font: 0.9rem / 1.5 "";
  color: #fff;
  margin: 0 1rem;
}
.mui-popup .color {
  color: #d93b2a;
}
.mui-popup .addfriend {
  color: #333333;
  font: 0.9rem / 2.35rem "";
  border-bottom: 1px solid #E6E6E6;
  margin-top: -2rem;
}
.mui-popup .promit-msg {
  margin-top: -0.25rem;
}
.mui-popup .promit-msg:before,
.mui-popup .promit-msg:after {
  content: "";
  z-index: 15;
  position: absolute;
  top: 2.2rem;
  display: block;
  width: 30%;
  height: 1px;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
.mui-popup .promit-msg:before {
  left: 5%;
}
.mui-popup .promit-msg:after {
  right: 5%;
}
.mui-popup .mui-popup-text {
  margin-top: 1rem;
  margin-bottom: 0;
  font: 0.8rem/1.25rem "";
  color: #fff;
  padding: 0 2rem;
}
.mui-popup .mui-popup-text .personal-i {
  color: #d93b2a;
}
.mui-popup .mui-popup-text .yuyue-color {
  float: left;
  display: inline-block;
  width: 45%;
  color: #ccc;
  text-align: start;
  margin-left: 5%;
  font: 0.8rem/2rem "";
}
.mui-popup .mui-popup-text .yh {
  color: #fff;
}
.mui-popup .mui-popup-button {
  color: #fff;
  background-color: transparent;
}
.mui-popup .mui-popup-button:nth-of-type(1) {
  border-right: 1px solid #262626;
  background-color: transparent;
}
.mui-popup .mui-popup-button ~ .mui-popup-button-bold {
  color: #fff;
}
.mui-popup .mui-popup-inner {
  padding: 0 0 0.75rem 0;
  border-bottom: 1px solid #262626;
  background-color: transparent;
}
.mui-popup .mui-popup-button ~ .mui-popup-button-bold {
  border-left: 1px solid #666;
}
.mui-popup .mui-popup-buttons {
  border-top: 1px solid #666;
}
.mui-popover {
  position: fixed;
  top: 16px;
  right: 6px;
  height: 11.25rem;
  background-color: #fff;
  box-shadow: 4px 2px 16px 2px rgba(0, 0, 0, 0.2);
}
.mui-popover .mui-plus .plus {
  display: inline;
}
.mui-popover .plus {
  display: none;
}
.mui-popover #topPopover .mui-popover-arrow {
  left: auto;
  right: 6px;
}
.mui-popover p {
  text-indent: 22px;
}
.mui-popover span.mui-icon {
  font-size: 0.7rem;
  color: #007aff;
  margin-left: -15px;
  padding-right: 10px;
}
.mui-popover .mui-popover-arrow {
  top: -1.3rem;
}
.mui-popover .mui-popover-arrow:after {
  top: .9rem;
  background-color: #fff;
  box-shadow: 4px 2px 16px 2px rgba(0, 0, 0, 0.2);
}
.mui-popover .mui-content {
  padding: 10px;
}
.mui-popover .mui-scroll-wrapper {
  margin: 0.175rem 0;
  border-radius: .3rem;
}
.mui-popover .mui-table-view {
  background-color: #fff;
}
.mui-popover .mui-table-view-cell {
  padding: 0;
}
.mui-popover .mui-table-view-cell > a:not(.mui-btn) {
  font-size: 0.7rem;
  color: #333;
  margin: 0;
  padding: .5rem ;
  height: 2rem;
}
.mui-popover .mui-table-view-cell:after {
  left: 0;
}
.mui-backdrop {
  background-color: transparent;
}
.face-bq {
  width: 1.25rem;
  height: auto;
  vertical-align: middle;
  margin: 0 .1rem;
}
nav.nav {
  z-index: 9999;
  position: fixed;
  right: 0;
  top: 0;
  padding-top: 2.4rem;
  width: 1.8rem;
  height: 100%;
  text-align: center;
  padding-left: .6rem;
}
nav.nav a,
nav.nav .top,
nav.nav .bottom {
  display: block;
  width: 100%;
  height: 3.55%;
  font: 0.6rem/1.1rem "";
  color: #333;
}
nav.nav .top {
  background: url(../images/icon_top.png) 0.55rem center no-repeat;
  background-size: auto 0.5rem ;
}
nav.nav .bottom {
  background: url(../images/icon_bottom.png) 0.55rem center no-repeat;
  background-size: auto 0.5rem ;
}
.mui-table-view-cell > a:not(.mui-btn).mui-active {
  background: transparent;
}
.gift-bqk,
.gift-hyk,
.gift-vip,
.gift-yhk {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  vertical-align: text-top;
  background: url(../images/icon_bqk.png) center no-repeat;
  background-size: 0.88rem auto;
}
.gift-hyk {
  background-image: url(../images/icon_hyk.png);
}
.gift-vip {
  background-image: url(../images/icon_vip.png);
}
.gift-yhk {
  background-image: url(../images/icon_yhk.png);
}
.mui-search .mui-placeholder {
  margin: .5rem 5%;
  font-size: .7rem;
  line-height: 1.5rem;
  height: auto;
}
.mui-search.mui-active:before {
  left: 6%;
}
.mui-input-row.mui-search .mui-icon-clear {
  top: 0;
  padding-top: .8rem;
  right: 5%;
}
.mui-input-row .mui-input-clear ~ .mui-icon-clear,
.mui-input-row .mui-input-password ~ .mui-icon-eye,
.mui-input-row .mui-input-speech ~ .mui-icon-speech {
  font-size: 0.75rem;
}
.mui-indexed-list-search.mui-search:before {
  margin-top: -0.55rem;
}
/*******公共样式**end*/
/*******登陆*start*/
.login header.mui-bar {
  background-color: #fff;
}
.login .mui-scroll-wrapper {
  background-color: #fff;
}
.ResetGestureCode header.mui-bar {
  border-bottom: 1px solid #ccc;
}
.login .top,
.ResetGestureCode .top {
  width: 100%;
  height: 8.88rem;
  text-align: center;
  padding-top: 1.38rem;
}
.login .top img,
.ResetGestureCode .top img {
  width: auto;
  height: 4.28rem;
}
.login .main,
.ResetGestureCode .main {
  padding: 0 1.88rem;
  text-align: center;
}
.login .main input,
.ResetGestureCode .main input {
  border: 0;
  background-color: initial;
  border-bottom: 1px solid #e6e6e6;
  padding-left: 2rem;
  height: 2.5rem;
  font-size: 0.7rem;
  background-repeat: no-repeat;
  background-size: 0.95rem auto;
  background-position: 0.65rem center;
  color: #333333;
}
.login .main .phone,
.ResetGestureCode .main .phone {
  background-image: url(../images/icon_shouji.png);
}
.login .main .psd,
.ResetGestureCode .main .psd {
  background-image: url(../images/icon_mima.png);
}
.login .main .rdntn,
.ResetGestureCode .main .rdntn {
  width: 12.85rem;
  margin-top: 2.5rem;
  font: 0.9rem / 2rem "";
}
.login .main .alink,
.ResetGestureCode .main .alink {
  width: 100%;
  margin-top: .8rem;
  overflow: hidden;
}
.login .main .alink a.zc,
.ResetGestureCode .main .alink a.zc {
  float: right;
  font: 0.7rem / 1.5 "";
  color: #333333;
}
.login .main .alink a.wjmm,
.ResetGestureCode .main .alink a.wjmm {
  float: left;
  font: 0.7rem / 1.5 "";
  color: #d93b2a;
}
/*******登陆*end*/
/*******用户协议*start*/
.useragrre header.mui-bar {
  border-bottom: 1px solid #ccc;
  background-color: #fff;
}
.useragrre .mui-content {
  background-color: #fff;
}
.useragrre .main .title {
  font: 0.85rem/1.5 "";
  color: #333;
  text-align: center;
  margin-top: 1rem;
}
.useragrre .main .text {
  width: 92%;
  margin-left: 4%;
  font: 0.7rem/1.5 "";
  color: #4d4c4c;
  margin-top: 1.12rem;
}
/*******用户协议*end*/
/*******重置登陆密码**start*/
.ResetGestureCode .mui-scroll-wrapper {
  background-color: #fff;
}
.ResetGestureCode .main {
  padding-top: 1.63rem;
}
.ResetGestureCode .main .rdntn {
  width: 90%;
  margin-top: 9.73rem;
}
.ResetGestureCode .main input::-webkit-input-placeholder {
  color: #ccc;
}
.ResetGestureCode .main .psd {
  background-image: url(../images/icon_mima.png);
  padding-right: 5.55rem;
}
.ResetGestureCode .main form {
  position: relative;
}
.ResetGestureCode .main .ayzm {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 5.55rem;
  color: #c30e17;
  font: 0.6rem / 2.5rem "";
}
/*******重置登陆密码*end*/
/*******欢迎回来**start*/
.wlecome {
  text-align: center;
}
.wlecome .mui-scroll-wrapper {
  background-color: #ededed;
}
.wlecome .top {
  width: 100%;
  height: 11.45rem;
  text-align: center;
}
.wlecome .top .imgbox {
  display: inline-block;
  width: 3.75rem;
  height: 3.75rem;
  overflow: hidden;
  border: solid 6px #ffffff;
  border-radius: 50%;
  margin-top: 1.98rem;
  box-shadow: 3px 6px 15px 0px rgba(0, 0, 0, 0.3);
}
.wlecome .top .userimg {
  width: 100%;
  min-height: 100%;
}
.wlecome .top .userimg[src=''] {
  opacity: 0;
}
.wlecome .top .phone {
  height: 0.75rem;
  margin-top: 1.4rem;
  font-size: 1rem;
  line-height: 0.9rem;
  color: #333333;
}
.wlecome .top .phone.color {
  color: #f24130;
}
.wlecome .top .loginimg {
  height: 4.28rem;
  margin-top: 1.75rem;
}
.wlecome .main {
  display: inline-block;
  width: 14.32rem;
}
.wlecome .main .hand {
  width: 100%;
  height: 14.22rem;
}
.wlecome .main .hand div {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.05rem;
}
.wlecome .main .hand div .handa {
  width: 3.38rem;
  height: 3.38rem;
  border: solid 1px #666666;
  border-radius: 50%;
  text-align: center;
}
.wlecome .main .hand div .handa p {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-color: #666666;
  border-radius: 50%;
  margin-top: 1.19rem;
}
.wlecome .main .hand div:last-child {
  margin-bottom: 0;
}
.wlecome .main .alink {
  text-align: start;
  display: block;
  font-size: 0.7rem;
  line-height: 0.9rem;
  color: #999999;
  margin-top: 1.2rem;
  margin-left: 0.4rem;
}
/*******欢迎回来*end*/
/*******注册**start*/
.register header.mui-bar {
  background-color: #fff;
}
.register .mui-content {
  background-color: #fff;
}
.register .mui-content .main {
  padding: 3.85rem 1.88rem 0 1.88rem;
}
.register .mui-content .main .phone,
.register .mui-content .main .code input,
.register .mui-content .main .getcode,
.register .mui-content .main .psd,
.register .mui-content .main .psd2,
.register .mui-content .main .sex {
  border: 0;
  background-color: initial;
  border-bottom: 1px solid #e6e6e6;
  padding-left: 2rem;
  height: 2.48rem;
  font-size: 0.6rem;
  background-repeat: no-repeat;
  background-size: 0.95rem auto;
  background-position: 0.65rem center;
  color: #333;
}
.register .mui-content .main .phone {
  background-image: url(../images/icon_shouji.png);
}
.register .mui-content .main .code {
  position: relative;
}
.register .mui-content .main .code input {
  padding-right: 3.5rem;
  background-image: url(../images/icon_yzm.png);
}
.register .mui-content .main input::-webkit-input-placeholder {
  color: #ccc;
}
.register .mui-content .main .getcode {
  position: absolute;
  top: 0;
  right: 0;
  font: 0.5rem/1rem "";
  color: #d93b2a;
  border: 1px solid #d93b2a;
  text-align: center;
  margin: .74rem 0;
  padding: 0 .5rem;
  height: 1.1rem;
  border-radius: .2rem;
}
.register .mui-content .main .psd,
.register .mui-content .main .psd2 {
  background-image: url(../images/icon_mima.png);
}
.register .mui-content .main .sex {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  background-image: url(../images/icon_xm.png);
}
.register .mui-content .main .sex a {
  display: block;
  margin-right: 1.52rem;
  padding-left: 1.1rem;
  height: 100%;
  font: 0.7rem/2.47rem "";
  color: #333;
  background-image: url(../images/icon_dx.png);
  background-position: 0 center;
  background-size: 0.65rem auto ;
  background-repeat: no-repeat;
}
.register .mui-content .main .sex .checked {
  background-image: url(../images/icon_dx2.png);
}
.register .mui-content .main .rdntn {
  margin-top: 2.48rem;
  width: 100%;
  height: 2rem;
  font-size: 0.9rem;
}
.register .useragrre {
  text-align: center;
  font: 0.6rem / 1.5 "";
}
.register .useragrre .useragrre-p {
  height: 4rem;
  line-height: 4rem;
  color: #999;
}
.register .useragrre .useragrre-a {
  color: #00aaff;
  line-height: 4rem;
  height: 4rem;
  display: inline-block;
}
.register .useragrre .useragrre-em {
  display: inline-block;
  width: 0.65rem;
  height: 0.65rem;
  background: url(../images/fangkuang.png) 0 0 no-repeat;
  background-size: .65rem;
  margin: .05rem .3rem .1rem .3rem;
  vertical-align: middle ;
}
.register .useragrre.active .useragrre-em {
  background: url(../images/fangkuang2.png) 0 0 no-repeat;
  background-size: .65rem;
}
/*******注册*end*/
/*******忘记密码**start*/
.forgetPsd .mui-popover {
  left: auto;
  right: 0;
}
.forgetPsd .mui-popover .mui-popover-arrow {
  left: auto;
  right: 1.55rem;
}
.forgetPsd header.mui-bar {
  border-bottom: 1px solid #ccc;
}
.forgetPsd .mui-content {
  background-color: #fff;
}
.forgetPsd .main {
  padding: 2.5rem 1rem 0 1rem;
}
.forgetPsd .main .rdntn {
  margin-top: 2.48rem;
  width: 80%;
  margin-left: 10%;
  height: 2rem;
  font-size: 0.9rem;
}
.forgetPsd .main .d-phone,
.forgetPsd .main .code,
.forgetPsd .main .d-question,
.forgetPsd .main .d-key {
  display: flex;
  display: -webkit-flex;
}
.forgetPsd .main .d-phone p,
.forgetPsd .main .code p,
.forgetPsd .main .d-question p,
.forgetPsd .main .d-key p {
  display: block;
  font: 0.7rem / 2.48rem "";
  width: 3.5rem;
  text-align: justify;
  height: 2.48rem;
  color: #333;
}
.forgetPsd .main .d-phone span,
.forgetPsd .main .code span,
.forgetPsd .main .d-question span,
.forgetPsd .main .d-key span {
  display: inline-block;
  width: 100%;
  height: 0;
}
.forgetPsd .main input {
  border: 0;
  background-color: initial;
  border-bottom: 1px solid #e6e6e6;
  height: 2.48rem;
  font-size: 0.7rem;
  background-repeat: no-repeat;
  background-size: 0.95rem auto;
  background-position: 0.65rem center;
  color: #333;
  flex: 1;
  margin-left: 1rem;
}
.forgetPsd .main input::-webkit-input-placeholder {
  color: #999;
}
.forgetPsd .main .code {
  position: relative;
}
.forgetPsd .main .getcode {
  position: absolute;
  top: 0;
  right: 0;
  font: 0.5rem/1rem "";
  color: #d93b2a;
  border: 1px solid #d93b2a;
  text-align: center;
  margin: .74rem 0;
  padding: 0 .5rem;
  height: 1.1rem;
  border-radius: .2rem;
}
.forgetPsd .main .d-question {
  position: relative;
}
.forgetPsd .main .question-em {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  width: 2.48rem;
  height: 2.48rem;
  background: url(../images/xiala.png) 1.4rem center no-repeat;
  background-size: 0.5rem auto;
}
.forgetPsd .main .d-question.active .question-em {
  background: url(../images/shangla.png) 0 0 no-repeat;
  background-size: 100%;
}
.forgetPsd .main .question-i {
  position: absolute;
  right: 0;
  top: 1.5rem;
  display: none;
  width: 1.25rem;
  height: 1.05rem;
  background: url(../images/muea.png) 0 0 no-repeat;
  background-size: 100%;
  z-index: 9999;
}
.forgetPsd .main .d-question.active .question-i,
.forgetPsd .main .d-question.active .promit {
  display: block;
}
.forgetPsd .main .questions {
  z-index: 999;
  display: none;
  position: absolute;
  top: 2.48rem;
  right: -1rem;
  width: 13.9rem;
  background-color: #fff;
  box-shadow: 4px -2px 16px 0px rgba(0, 0, 0, 0.1);
}
.forgetPsd .main .questions p {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #ccc;
  font: 0.7rem / 2.12rem "";
  color: #333;
}
.forgetPsd .main .questions p:last-child {
  border-bottom: 0;
}
.forgetPsd .main .d-question.active .questions {
  display: block;
}
/*******忘记密码*end*/
/*******个人主页*star*/
.gift-jb {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url(../images/icon_jb.png) center no-repeat;
  background-size: 0.88rem auto;
  vertical-align: text-top;
}
.personal .img-look.active {
  display: block;
}
.personal .img-sub {
  z-index: 999;
  position: absolute;
  right: .8rem;
  bottom: 0.8rem;
  width: 2.1rem;
  height: 1.25rem;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 0.625rem;
  text-align: center;
  color: #fff;
  font: 0.55rem/1.25rem "";
}
.personal .img-sub i {
  padding: 0 .05rem;
}
.personal header.header {
  z-index: 999;
  position: fixed;
  top: 0.25rem;
  left: 0;
  padding: 0 0.5rem;
  width: 100%;
  overflow: hidden;
}
.personal header.header a.back,
.personal header.header a.collection {
  color: #fff;
  width: 2rem;
  height: 2rem;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0.6;
  border-radius: 50%;
  text-align: center;
  line-height: 2rem;
}
.personal header.header a.collection {
  background: url(../images/icon_xx3.png) 0.5rem 0.5rem rgba(0, 0, 0, 0.6) no-repeat;
  background-size: 1rem;
  float: right;
}
.personal header.header .active.collection {
  background-image: url(../images/icon_xx4.png);
}
.personal .myinfmsg p {
  width: 100%;
  height: 2.2rem;
}
.personal .mui-popup .mui-popup-text {
  padding: 0;
  overflow: hidden;
}
.personal .main {
  position: relative;
  border-bottom: 4.5rem solid #fff;
}
.personal .main .mui-slider {
  height: 20rem;
}
.personal .main .mui-slider .mui-slider-group {
  height: 100%;
}
.personal .main .mui-slider .mui-slider-item a {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.personal .main .mui-slider .mui-slider-item a .imgbox {
  width: 100%;
  left: 50%;
  position: relative;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.personal .main .mui-slider .mui-slider-item a .imgbox.imgbox-h {
  width: auto;
  height: 100%;
}
.personal .main .mui-slider .mui-slider-indicator {
  bottom: 0.5rem;
}
.personal .main .mui-slider .mui-slider-indicator .mui-indicator {
  width: 0.3rem;
  height: 0.3rem;
  margin: 0 0.18rem;
}
.personal .main .content {
  border-bottom: 0.5rem solid #f5f5f5;
  background-color: #fff;
}
.personal .main .content p:last-child {
  border: 0 !important;
}
.personal .main .content .nameid {
  font: 0.8rem/1.8 "";
  color: #333333;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.personal .main .content .name {
  font: 1rem/1.5 "";
  color: #333333;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.personal .main .content .ins {
  position: relative;
  padding: 1rem;
}
.personal .main .content .ins .complain {
  position: absolute;
  right: 0;
  top: .55rem;
  padding: 1rem;
  background: url(../images/icon_jubao.png) no-repeat center;
  background-size: 0.98rem auto;
}
.personal .main .content p.lable {
  margin-top: 0.35rem;
  overflow: hidden;
}
.personal .main .content p.lable i.msg-year,
.personal .main .content p.lable i.msg-vip,
.personal .main .content p.lable i.msg-renzheng {
  float: left;
  display: block;
  min-width: 2.4rem;
  height: 0.85rem;
  color: #fff;
  font: 0.55rem/0.85rem "";
  text-align: center;
  margin-right: 0.5rem;
  background-color: #d93b2a;
  border-radius: .15rem;
}
.personal .main .content p.lable i.msg-vip {
  background-color: #e74e9d;
}
.personal .main .content p.lable i.msg-renzheng {
  background-color: #e7a44e;
}
.personal .main .content p.lable em.woman,
.personal .main .content p.lable em.man {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.25rem;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: 0.165rem;
}
.personal .main .content p.lable em.woman {
  background-image: url(../images/icon_girl.png);
}
.personal .main .content p.lable em.man {
  background-image: url(../images/icon_boy.png);
}
.personal .main .content span.fans,
.personal .main .content span.like,
.personal .main .content span.height,
.personal .main .content span.weight {
  font: 0.7rem/1.2 "";
  display: inline-block;
  min-width: 4.5rem;
}
.personal .main .content span.height,
.personal .main .content span.weight {
  margin-top: 0.425rem;
  color: #666666;
}
.personal .main .content span.fans,
.personal .main .content span.like {
  margin-top: 0.4rem;
  color: #999;
}
.personal .main .content p.con-title,
.personal .main .content p.con-gift {
  font: 0.7rem/1.2 "";
  color: #ff3333;
  border-bottom: 1px solid #e6e6e6;
  padding: 0.75rem;
}
.personal .main .content p.con-h1,
.personal .main .content p.con-autograph,
.personal .main .content p.con-friends,
.personal .main .content p.con-voice,
.personal .main .content .con-infs,
.personal .main .content .con-biaoqian,
.personal .main .content .con-lick,
.personal .main .content .con-xingqu {
  font: 0.65rem/1.125rem "";
  border-bottom: 1px solid #e6e6e6;
  color: #333;
  margin: 0 0.75rem;
  padding: 0.5rem 0  ;
  overflow: hidden;
}
.personal .main .content .con-video {
  position: relative;
  width: 2rem;
  height: 2rem;
  border-radius: 10px;
  overflow: hidden;
  margin: 0.95rem 0.75rem;
}
.personal .main .content .con-video .con-img {
  width: 100%;
  height: 100%;
}
.personal .main .content .con-video:after {
  z-index: 999;
  position: absolute;
  left: 0;
  top: 0;
  width: 2rem;
  height: 2rem;
  content: "";
  border-radius: 0.3rem;
  background: url(../images/videoplay.png) no-repeat center rgba(0, 0, 0, 0.5);
  background-size: 70% auto;
}
.personal .main .content p.con-voice {
  background: url(../images/pstion_yuying.png) 0 0.6rem no-repeat;
  background-size: 0.45rem auto;
  min-height: 2.2rem;
}
.personal .main .content p.con-infs {
  padding-left: 2rem;
  padding-right: 1.4rem;
  vertical-align: middle;
  border-bottom: 0;
}
.personal .main .content p.con-infs:nth-of-type(2) {
  background: url(../images/gr_1.png) 0 center no-repeat;
  background-size: 0.875rem auto;
}
.personal .main .content p.con-infs:nth-of-type(3) {
  background: url(../images/gr_2.png) 0 center no-repeat;
  background-size: 0.875rem auto;
}
.personal .main .content p.con-infs:nth-of-type(4) {
  background: url(../images/gr_3.png) 0 center no-repeat;
  background-size: 0.875rem auto;
}
.personal .main .content p.con-infs:nth-of-type(5) {
  background: url(../images/gr_4.png) 0 center no-repeat;
  background-size: 0.875rem auto;
}
.personal .main .content p.con-infs:nth-of-type(6) {
  background: url(../images/gr_5.png) 0 center no-repeat;
  background-size: 0.875rem auto;
}
.personal .main .content p.con-h1 {
  display: -webkit-flex;
}
.personal .main .content p.con-h1 .con-h1-msg {
  display: inline-block;
  height: 100%;
  width: 100%;
}
.personal .main .content .con-voice-img {
  width: 3.35rem;
  height: auto;
  vertical-align: middle;
  margin: 0 .5rem 0 1.1rem ;
}
.personal .main .content .voice-time {
  font: 0.75rem / 1.05rem "";
  color: #666;
  vertical-align: middle;
}
.personal .main .content .con-autograph {
  border: 0;
  font: 0.65rem/1.125rem "";
  color: #000;
  margin: 0 0.75rem;
  padding-left: 1.525rem;
  background: url(../images/icon_qm.png) 0 center no-repeat;
  background-size: 0.75rem auto;
}
.personal .main .content p.con-friends img {
  width: 2rem;
  height: 2rem;
  float: right;
  border-radius: 0.15rem;
  margin-left: 0.5rem;
}
.personal .main .content .friends-font {
  padding-left: 1.55rem;
  background: url(../images/icon_pyq.png) 0 center no-repeat;
  background-size: 0.775rem auto;
  font: 0.65rem/2rem "";
  float: left;
}
.personal .main .content p.con-gift {
  position: relative;
}
.personal .main .content a.con-gift-a {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1.35rem;
  padding: 0.39rem 0.75rem;
  color: #999;
}
.personal .main .content p.con-gift-p {
  display: none;
  padding-top: 0.25rem;
}
.personal .main .content p.con-gift-p .con-h1-left {
  display: block;
  width: 100%;
  color: #333;
  font: 0.7rem/2 "";
  padding-right: 0.7rem;
  margin-top: 0.2rem;
}
.personal .main .content p.con-gift-p .giftimg-div {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  font: 0.55rem/1.2 "";
  width: 100%;
  color: #333;
  height: 2rem;
  margin-bottom: .5rem;
}
.personal .main .content p.con-gift-p .gift {
  display: inline-block;
  width: 24%;
  height: 2.975rem;
  text-align: center;
  border-radius: 0.38rem;
  line-height: 0;
  margin-top: 0.5rem;
}
.personal .main .content p.con-gift-p .gift .giftimg {
  max-height: 2rem;
  max-width: 50%;
  vertical-align: middle;
}
.personal .main .content p.con-gift-p .gift em {
  width: 100%;
  color: #666;
  font: 0.5rem / 1.5 "";
}
.personal .main .content p.con-gift-p .gift span.text {
  display: block;
  font: 0.55rem/1.5 "";
  width: 100%;
  color: #333;
}
.personal .main .content p.con-biaoqian,
.personal .main .content p.con-lick,
.personal .main .content .con-xingqu {
  padding-left: 1.525rem;
  background: url(../images/biaoqian.png) 0 0.8rem no-repeat;
  background-size: 0.85rem auto;
  border-bottom: 0;
}
.personal .main .content p.con-biaoqian a,
.personal .main .content p.con-lick a,
.personal .main .content .con-xingqu a {
  display: inline-block;
  background: rgba(255, 133, 188, 0.6);
  color: #fff;
  font: 0.55rem / 1.05rem "";
  padding: 0.1rem 0.6rem 0.2rem 0.6rem;
  margin-right: 0.25rem;
  margin-bottom: .25rem;
  border-radius: 0.2rem;
}
.personal .main .content p.con-lick {
  background: transparent;
}
.personal .main .content p.con-lick a {
  background: rgba(19, 100, 13, 0.6);
}
.personal .main .content .con-xingqu,
.personal .main .content .con-biaoqian {
  min-height: 2.2rem;
}
.personal .main .content p.con-lick:nth-of-type(2) {
  background: url(../images/xingqu.png) 0 0.8rem no-repeat;
  background-size: 0.85rem auto;
  margin-bottom: -0.5rem;
  padding-top: .65rem;
}
.personal .main .content p.con-xingqu-run {
  background: url(../images/paobu.png) 0 0.8rem no-repeat;
  background-size: 0.85rem auto;
}
.personal .main .content p.con-xingqu-run a {
  background: rgba(134, 95, 243, 0.6);
}
.personal .main .content p.con-xingqu-music {
  background: url(../images/yingyue.png) 0 0.8rem no-repeat;
  background-size: 0.85rem auto;
}
.personal .main .content p.con-xingqu-music a {
  background: rgba(237, 92, 92, 0.6);
}
.personal .main .content p.con-xingqu-foot {
  background: url(../images/foot.png) 0 0.8rem no-repeat;
  background-size: 0.85rem auto;
}
.personal .main .content p.con-xingqu-foot a {
  background: #d5c32c;
}
.personal .main .content p.con-xingqu-dianying {
  background: url(../images/dianying.png) 0 0.8rem no-repeat;
  background-size: 0.85rem auto;
}
.personal .main .content p.con-xingqu-dianying a {
  background: #2e337a;
}
.personal .main .content p.con-xingqu-lvxing {
  background: url(../images/lvxing.png) 0 0.8rem no-repeat;
  background-size: 0.85rem auto;
}
.personal .main .content p.con-xingqu-lvxing a {
  background: #3c73ef;
}
.personal .main .content p.con-xingqu-book {
  background: url(../images/shu.png) 0 0.8rem no-repeat;
  background-size: 0.85rem auto;
}
.personal .main .content p.con-xingqu-book a {
  background: #ef813e;
}
.personal .main .contentlast {
  border-bottom: 0;
}
.personal footer.footer {
  z-index: 999;
  position: fixed;
  bottom: .5rem;
  left: 0;
  width: 100%;
  padding: 0 0.73rem;
  overflow: hidden;
}
.personal footer.footer a.footer-addfriend,
.personal footer.footer a.footer-love {
  display: block;
  width: 4rem;
  height: 4rem;
  background-repeat: no-repeat;
  background-position: center;
}
.personal footer.footer a.footer-addfriend {
  float: left;
  background-size: 3.45rem 3.15rem;
  background-image: url(../images/icon_addfriend0.png);
}
.personal footer.footer .footer-addfriend.active {
  background-image: url(../images/icon_addfriend.png);
}
.personal footer.footer a.footer-love {
  float: right;
  background-size: 3.45rem 3.3rem;
  background-image: url(../images/icon_love0.png);
}
.personal footer.footer .footer-love.active {
  background-image: url(../images/icon_love.png);
}
/*******个人主页**end*/
/*******投诉*star*/
.complaint header.mui-bar {
  background-color: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.complaint .mui-scroll-wrapper {
  background-color: #fff;
}
.complaint .complaint-text {
  margin: 0 5%;
  width: 90%;
  min-height: 9.6rem;
  padding: 0.75rem;
  border: 0;
  font-size: 0.7rem;
  background-color: #F5F5F5;
  -moz-user-select: text;
  -webkit-user-select: text;
}
.complaint .complaint-text .face-bq {
  max-width: 1.25rem;
  max-height: 1.5rem;
  margin: 0 .1rem;
  vertical-align: middle;
}
.complaint .complaint-text div {
  float: left;
}
.complaint .title {
  padding: .6rem 5%  .6rem 5%;
  font: 0.75rem / 1.5 "";
  color: #333;
}
.complaint .complaint-text.active:before {
  color: #999;
  float: left;
  content: "这一刻的想法...";
}
.complaint .complaint-img-box {
  padding: 0 5% 0 5%;
  line-height: 0;
}
.complaint .complaint-img-box li {
  position: relative;
  display: inline-block;
  width: 3.69rem;
  height: 3.69rem;
  margin-right: 0.7rem;
  margin-bottom: 0.7rem;
}
.complaint .complaint-img-box li .complaint-add video {
  width: 100%;
  height: 100%;
}
.complaint .complaint-img-box li .complaint-img {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: .3rem;
  overflow: hidden;
}
.complaint .complaint-img-box li .complaint-img img,
.complaint .complaint-img-box li .complaint-img video {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.complaint .complaint-img-box li .complaint-add {
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: .3rem;
  background: url(../images/icon_jia01.png) no-repeat center #F5F5F5;
  background-size: 1.4rem auto;
}
.complaint .complaint-img-box li i.close {
  position: absolute;
  top: -0.8rem;
  right: -0.8rem;
  padding: 0.95rem;
  background: url(../images/icon_sc.png) center no-repeat;
  background-size: 0.95rem auto;
}
.complaint .complaint-img-box li:nth-of-type(4n) {
  margin: 0;
}
.complaint .shu {
  text-align: end;
  margin-right: 5%;
  font: 0.7rem / 1.2 "";
}
.complaint .but {
  text-align: center;
  padding: 3.925rem 0 2.5rem 0;
}
.complaint .but .rdntn {
  width: 13rem;
  height: 2rem;
}
/*******投诉**end*/
/*******预约认证*star*/
.orderapprove .mui-scroll-wrapper {
  background-color: #fff;
}
.orderapprove .complaint-h1 {
  display: -webkit-flex;
  justify-content: space-between;
  border-bottom: 1px solid #E6E6E6;
  padding: 0 0.75rem;
}
.orderapprove .complaint-h1 .complaint-title {
  font: 0.7rem/2.1rem "";
  color: #333;
}
.orderapprove .complaint-h1 input {
  font: 0.7rem/2.1rem "";
  border: 0;
  width: 50%;
  text-align: end;
}
.orderapprove .complaint-h1 input::-webkit-input-placeholder {
  color: #999;
}
.orderapprove .complaint-img-title {
  font: 0.7rem/2.1rem "";
  color: #333;
  padding: 0 0.75rem;
}
.orderapprove .but {
  padding: 2.5rem 0 2.5rem 0;
  text-align: center;
}
.orderapprove .but .rdntn {
  width: 15rem;
  height: 2rem;
}
.orderapprove .complaint-img-box {
  width: 100%;
  padding-left: 0.7rem;
  line-height: 0;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid #e6e6e6;
}
.orderapprove .complaint-img-box .complaint-img {
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
}
.orderapprove .complaint-img-box li {
  position: relative;
  display: inline-block;
  width: 5.25rem;
  height: 5.25rem;
  margin-right: 0.7rem;
  margin-bottom: 0.7rem;
}
.orderapprove .complaint-img-box li i.close {
  position: absolute;
  top: -0.8rem;
  right: -0.8rem;
  padding: 0.95rem;
  background: url(../images/icon_sc.png) center no-repeat;
  background-size: 0.625rem auto;
}
.orderapprove .complaint-img-box li img {
  width: 100%;
  height: 100%;
}
.orderapprove .complaint-img-box li .complaint-shu {
  position: absolute;
  bottom: 1.35rem;
  left: 0;
  display: block;
  width: 100%;
  font-size: 0.7rem;
  color: #ccc;
}
/*******预约认证**end*/
/*******朋友圈*star*/
.circlefriends {
  position: relative;
}
.circlefriends .pls-img-look .mui-slider-item a {
  text-align: center;
}
.circlefriends #video {
  max-width: 100%;
  max-height: 100%;
}
.circlefriends .mui-scroll-wrapper {
  background-color: #fff;
}
.circlefriends .newmsg {
  display: none;
  width: 100%;
  height: 4.75rem;
  border-bottom: 1px solid #E6E6E6;
  padding-top: 2rem;
}
.circlefriends .newmsg .newmsg-box {
  display: block;
  margin: 0 auto;
  width: 9rem;
  height: 2.3rem;
  background-color: #383939;
  border-radius: .3rem;
}
.circlefriends .newmsg .newmsg-img {
  float: left;
  margin: 0.25rem;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 0.2rem;
}
.circlefriends .newmsg .newmsg-span {
  float: left;
  width: 5rem;
  text-align: center;
  color: #fff;
  font: 0.7rem / 2.3rem "";
}
.circlefriends .newmsg .new-i {
  float: right;
  width: 1.5rem;
  height: 100%;
  background: url(../images/newmsg_left.png) center no-repeat;
  background-size: 0.35rem 0.55rem;
}
.circlefriends .title-header {
  position: relative;
  width: 100%;
  height: 12.8rem;
  overflow: hidden;
}
.circlefriends .title-header .title-bg {
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: 100% auto;
  width: 100%;
  height: 100%;
}
.circlefriends .title-header .user-inf {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: .75rem;
  display: flex;
  display: -webkit-flex;
  align-items: center;
}
.circlefriends .title-header .my-name {
  color: #fff;
  font: 0.8rem;
  margin-left: .75rem;
}
.circlefriends .user-img-box,
.circlefriends .my-img-box {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  border: 1px solid #fff;
  overflow: hidden;
}
.circlefriends .user-img-box {
  margin: .77rem;
}
.circlefriends .my-img,
.circlefriends .user-img {
  width: 100%;
  min-height: 100%;
}
.circlefriends .user-img[src=''],
.circlefriends .my-img[src=''] {
  opacity: 0;
}
.circlefriends .title-header .my-img {
  margin: 0;
}
.circlefriends .main .list {
  position: relative;
  display: flex;
  display: -webkit-flex;
}
.circlefriends .main .list .list-text {
  flex: 1;
  line-height: 0;
}
.circlefriends .main .list .list-text .user-name {
  width: 8rem;
  height: 2rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font: 0.8rem / 1.25rem "";
  color: #333;
  padding-top: 0.77rem;
}
.circlefriends .main .list .list-text .user-text-box,
.circlefriends .main .list .list-text .user-text {
  font: 0.7rem/1.5 "";
  color: #666;
  padding-right: 2.875rem;
  margin-top: .2rem;
  margin-bottom: 0.4rem;
}
.circlefriends .main .list .list-text .user-text {
  width: 100%;
  overflow: hidden;
  text-overflow: clip;
  display: -webkit-inline-box;
  -webkit-box-orient: vertical;
}
.circlefriends .main .list .list-text .user-img-big {
  width: 100%;
  overflow: hidden;
}
.circlefriends .main .list .list-text .user-img-big img {
  max-width: 100%;
}
.circlefriends .main .list .list-text .vdio-imgbox {
  width: 7rem;
  position: relative;
  text-align: center;
}
.circlefriends .main .list .list-text .user-img-big-adm {
  width: 12.5rem;
  height: 7rem;
  overflow: hidden;
  text-align: center;
}
.circlefriends .main .list .list-text .user-img-big-adm img {
  height: 100%;
}
.circlefriends .main .list .list-text .user-img-smo {
  display: inline-block;
  width: 100%;
  overflow: hidden;
}
.circlefriends .main .list .list-text .user-img-smo img,
.circlefriends .main .list .list-text .user-img-smo video {
  float: left;
  width: 3.95rem;
  height: 3.95rem;
  border-radius: 0.3rem;
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
}
.circlefriends .main .list .list-text .user-link {
  padding-top: 1rem;
  display: flex;
  display: -webkit-flex;
  position: relative;
}
.circlefriends .main .list .list-text .user-link-a {
  display: inline-block;
  margin-right: 0.5rem;
  width: 5rem;
  height: 1.75rem;
  background-color: #f5f5f5;
  text-align: center;
  border-radius: 0.3rem;
}
.circlefriends .main .list .list-text .comment,
.circlefriends .main .list .list-text .like {
  padding-left: 1.125rem;
  line-height: 1.75rem;
  color: #999;
  font-size: 0.7rem;
  background-image: url(../images/icon_pl01.png);
  background-size: 0.75rem auto;
  background-position: 0 center;
  background-repeat: no-repeat;
}
.circlefriends .main .list .list-text .like {
  background-image: url(../images/icon_aixin0.png);
}
.circlefriends .main .list .list-text .user-link-a-onlike .like {
  background-image: url(../images/icon_aixin1.png);
}
.circlefriends .main .list .list-text .user-link-menu {
  position: absolute;
  right: 0.45rem;
  top: 1rem;
  padding: 0.925rem;
  background: url(../images/icon_caidan.png) center no-repeat;
  background-size: auto 0.925rem;
}
.circlefriends .main .list .list-text .showall {
  display: block;
  font: 0.7rem / 1.2 "";
  color: #d93b2a;
  padding-bottom: 0.4rem;
}
.circlefriends .main .list .adm-box {
  position: absolute;
  top: .7rem;
  right: 0.77rem;
}
.circlefriends .main .list .time {
  float: right;
  display: block;
  font-size: 0.6rem;
  line-height: 1.1rem;
  color: #999;
  padding-left: .5rem;
}
.circlefriends .main .list .adm {
  float: right;
  display: block;
  font-size: 0.6rem;
  width: 2.5rem;
  line-height: 1.5;
  height: 1.15rem;
  border: 1px solid #999;
  color: #999;
  border-radius: .1rem;
  text-align: center;
}
.circlefriends .main .list .adm .adm-em {
  display: inline-block;
  width: 0.38rem ;
  height: 0.25rem;
  background: url(../images/admxiala.png) 0 0 no-repeat;
  background-size: 100%;
  margin-left: .2rem;
}
.circlefriends .main .like-box {
  position: relative;
  margin-top: 1.5rem;
  overflow: hidden;
  background: url(../images/icon_aixin1.png) 1.5rem 0.7rem #e6e6e6 no-repeat;
  background-size: 0.75rem auto;
  padding: 0 3rem 0 3.5rem;
  line-height: 0;
  height: 2rem;
  min-height: 2rem;
}
.circlefriends .main .like-box .mui-icon {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1.35rem;
  padding: 0.3rem 0.75rem;
  color: #999;
}
.circlefriends .main .like-img {
  float: left;
  overflow: hidden;
  text-align: center;
  margin: .25rem .25rem;
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
}
.circlefriends .main .like-img img {
  width: 100%;
  min-height: 100%;
}
.circlefriends .main .like-talking {
  display: none;
  background-color: #e6e6e6 ;
}
.circlefriends .main .like-talking .like-talk {
  overflow: hidden;
}
.circlefriends .main .like-talking .like-talk .like-img {
  float: left;
  margin: 0.45rem 1rem;
}
.circlefriends .main .like-talking .like-talk .talkname {
  color: #333;
}
.circlefriends .main .like-talking .like-talk .talkname .color {
  color: #ff3333;
}
.circlefriends .main .like-talking .like-talk .talktext {
  float: left;
  word-wrap: break-word;
  width: 14.5rem;
  padding: 0.7rem 0.8rem 0.7rem 0;
  font: 0.7rem/1.5 "";
  color: #666;
  border-top: 1px solid #ccc ;
}
.circlefriends .main .like-talking .like-talk .talktext .talktext-bq {
  width: 0.925rem;
  height: auto;
  vertical-align: middle;
}
.circlefriends .main .like-talking .like-talk .talktext .face-bq {
  width: 1.25rem;
  height: auto;
  min-height: 1.25rem;
  vertical-align: middle;
  margin: 0 .1rem;
}
.circlefriends .main .like-talking .like-talk .talktext .face-img {
  width: 2rem;
  height: auto;
  vertical-align: middle;
}
.circlefriends .main .like-talking .like-talk:first-child {
  border-top: 1px solid #ccc ;
}
.circlefriends .main .like-talking .like-talk:first-child .talktext {
  border-top: 0;
}
.circlefriends .main .like-talking .like-talk:first-child .talkname {
  border-top: 0;
}
.circlefriends .user-text .face-bq {
  width: 1.25rem;
  height: auto;
  vertical-align: middle;
  margin: 0 .1rem;
}
.circlefriends .user-img-big {
  position: relative;
}
.circlefriends .user-img-big .user-img-video {
  background-size: 2.5rem auto!important;
}
.circlefriends .footer {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2.25rem;
  transition: opacity 300ms linear;
  -webkit-transition: opacity 300ms linear;
}
.circlefriends .dialogue {
  z-index: 99999;
  position: fixed;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  height: auto;
  background-color: #f8f8f8;
}
.circlefriends .dialogue .foot-link-box {
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
}
.circlefriends .dialogue .dialogue-input {
  font-size: 0.7rem;
  background: inherit;
}
.circlefriends .dialogue .chat-val-box {
  width: 12.7rem;
  border: 0;
  margin: .5rem .52rem;
}
.circlefriends .dialogue .dialogue-input.dialogues:before {
  color: #ccc;
  content: attr(data-content);
}
.circlefriends .dialogue .face {
  float: left;
  margin: .5rem 0;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background: url(../images/icon_sml.png) no-repeat 0 0;
  background-size: contain ;
}
.circlefriends .dialogue .dialogue-btn {
  float: left;
  display: inline-block;
  margin: .5rem 0 .5rem  0.6rem;
  width: 2.225rem;
  color: #fff;
  font: 0.6rem / 1.5rem "";
  text-align: center;
  background-color: #d93b2a;
  border-radius: 0.3rem;
}
.circlefriends header.header-color .camera,
.circlefriendsimg header.header-color .header-menu,
.myfriends header.header-color .header-menu {
  z-index: 9999;
  padding: 1.1rem;
  margin-right: -0.2rem;
  background: url(../images/icon_zxj0.png) no-repeat center;
  background-size: 0.95rem auto;
}
/*******朋友圈**end*/
/*******发朋友圈*star*/
.friendpicture .circlefriends {
  overflow: hidden;
}
.friendpicture .main {
  margin-bottom: 2rem;
}
.friendpicture .complaint-text {
  background-color: transparent;
  margin: 0;
  width: 100%;
  min-height: 11.5rem;
  padding: 0.75rem;
  border: 0;
  font-size: 0.8rem;
  -moz-user-select: text;
  -webkit-user-select: text;
  overflow-y: scroll;
}
.friendpicture .complaint-img-box li .complaint-add {
  background: transparent;
}
.friendpicture .complaint-img-box li .complaint-add img {
  width: 100%;
  height: 100%;
}
.friendpicture .complaint-img-box {
  border: 0;
  display: none;
  margin-top: 1rem;
}
.friendpicture .complaint-img-box li i.close {
  background: url(../images/icon_sc2.png) center no-repeat;
  background-size: 0.95rem auto;
  z-index: 9999;
}
.friendpicture .see {
  margin-left: 0.75rem;
  padding: 0.2rem 0.5rem 0.2rem 0.5rem;
  font: 0.6rem / 1.5 "";
  border-radius: 0.8rem;
  background-color: #cecece;
  color: #fff;
}
.friendpicture .active.see {
  background-color: #d93b2a;
}
.friendpicture .complaint-btn {
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  font: 0.75rem / 2.2rem "";
  padding: 0 0.5rem;
}
.friendpicture .dialogue {
  display: block;
}
.friendpicture .dialogue .face {
  margin: .5rem 0.75rem;
}
.friendpicture video.add {
  width: auto!important;
  height: auto!important;
}
.friendpicture .complaint-img-video,
.circlefriends .user-img-big .user-img-video {
  z-index: 999;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/videoplay.png) no-repeat center rgba(0, 0, 0, 0.5);
  background-size: 1.5rem auto;
}
/*******发朋友圈**end*/
/*******朋友圈图片预览*star*/
.myfriends header.header-color .header-menu {
  background: url(../images/icon_caidan.png) no-repeat center;
  background-size: auto 0.9rem;
}
.circlefriendsimg header.header-color .header-menu {
  background: url(../images/icon_caidan1.png) no-repeat center;
  background-size: auto 0.9rem;
}
.circlefriendsimg .menu-click,
.myfriends .menu-click {
  z-index: 99999;
  display: none;
  position: fixed;
  right: 0.5rem;
  top: 0.3rem;
  min-width: 9.6rem;
  background-color: #fff;
  border-radius: 0.3rem;
}
.circlefriendsimg .menu-click .menu-click-text,
.myfriends .menu-click .menu-click-text {
  font: 0.9rem/2.075rem "";
  color: #333;
  padding: 0 0.75rem;
}
.circlefriendsimg {
  display: none;
  z-index: 99;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}
.circlefriendsimg .mui-scroll-wrapper {
  background-color: #000;
}
.circlefriendsimg header.header-color {
  display: none;
  background-color: rgba(0, 0, 0, 0.6);
}
.circlefriendsimg header.mui-bar .mui-icon,
.circlefriendsimg header.mui-bar .mui-title {
  color: #fff;
}
.circlefriendsimg .mui-bar-nav ~ .mui-content,
.circlefriendsimg .mui-bar-nav ~ .mui-content > .mui-scroll-wrapper {
  padding: 0;
}
.circlefriendsimg .mui-slider {
  height: 100vh !important;
  background-color: #000 !important;
  display: block!important;
}
.circlefriendsimg .mui-slider .mui-slider-group {
  height: 100%;
}
.circlefriendsimg .mui-slider .mui-slider-group a {
  width: 100vw;
  height: 100%;
  position: relative;
}
.circlefriendsimg .mui-slider .mui-slider-group img,
.circlefriendsimg .mui-slider .mui-slider-group video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  max-height: 100%;
  max-width: 100%;
}
.circlefriendsimg footer.friendsimg-footer {
  z-index: 9999;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0.75rem 0.9rem;
}
.circlefriendsimg footer.friendsimg-footer .footer-text {
  font: 0.7rem/1.5 "";
  color: #fff;
}
.circlefriendsimg footer.friendsimg-footer .btn-like,
.circlefriendsimg footer.friendsimg-footer .btn-talk {
  width: 5rem;
  background-color: #242424;
  border-radius: 0.3rem;
  text-align: center;
}
.circlefriendsimg footer.friendsimg-footer .btn-i {
  display: inline-block;
  float: right;
}
.circlefriendsimg footer.friendsimg-footer .talk,
.circlefriendsimg footer.friendsimg-footer .like,
.circlefriendsimg footer.friendsimg-footer .i-talk,
.circlefriendsimg footer.friendsimg-footer .i-like {
  padding-left: 1.125rem;
  font: 0.7rem / 1.75rem "";
  color: #999;
  background-position: 0 center ;
  background-repeat: no-repeat;
  background-size: 0.75rem auto;
}
.circlefriendsimg footer.friendsimg-footer .talk {
  background-image: url(../images/icon_pl01.png);
}
.circlefriendsimg footer.friendsimg-footer .i-talk {
  color: #fff;
  background-position: 0.2rem center ;
  background-image: url(../images/icon_pl.png);
}
.circlefriendsimg footer.friendsimg-footer .like {
  background-image: url(../images/icon_dz3.png);
}
.circlefriendsimg footer.friendsimg-footer .onlike .like {
  background-image: url(../images/icon_dz1.png);
}
.circlefriendsimg footer.friendsimg-footer .i-like {
  color: #fff;
  background-position: 0.25rem center ;
  background-image: url(../images/icon_dz0.png);
}
.circlefriendsimg footer.friendsimg-footer .ft-bottom {
  display: none;
  overflow: hidden;
}
.popover-img,
.myfriends .popover {
  background: 0;
}
/*******朋友圈图片预览**end*/
/*******我的朋友圈*star*/
.myfriends .main {
  padding: 0.55rem 0;
}
.myfriends .main .inf {
  display: flex;
  display: -webkit-flex;
  padding: 0.55rem 1.175rem;
}
.myfriends .main .inf .inf-time {
  margin-right: 0.8rem;
  padding-top: 0.375rem;
  width: 1.55rem;
  text-align: center;
}
.myfriends .main .inf .inf-time p.inf-time-text {
  color: #333;
  font: 600 0.8rem / 1.5 "";
}
.myfriends .main .inf .inf-time span.inf-time-text {
  color: #666;
  font: 0.7rem/1.2 "";
}
.myfriends .main .inf .inf-msg {
  flex: 1;
  -webkit-flex: 1;
  position: relative;
  display: flex;
  display: -webkit-flex;
}
.myfriends .main .inf .inf-msg .inf-img {
  width: 4.75rem;
  height: 4.75rem;
  overflow: hidden;
}
.myfriends .main .inf .inf-msg .inf-video:before {
  z-index: 999;
  position: absolute;
  left: 0;
  top: 0;
  width: 4.75rem;
  height: 4.75rem;
  content: "";
  border-radius: 0.3rem;
  background: url(../images/videoplay.png) no-repeat center rgba(0, 0, 0, 0.5);
  background-size: 2rem auto;
}
.myfriends .main .inf .inf-msg .img-first img,
.myfriends .main .inf .inf-msg .img-second img,
.myfriends .main .inf .inf-msg .img-thirdly img,
.myfriends .main .inf .inf-msg .img-last img {
  margin-top: 0.2rem;
  margin-left: 0.2rem;
  float: left;
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 0.3rem;
}
.myfriends .main .inf .inf-msg .img-second img:first-child,
.myfriends .main .inf .inf-msg .img-thirdly img {
  height: 4.4rem;
}
.myfriends .main .inf .inf-msg .img-last img {
  width: 100%;
  height: 100%;
  margin: 0;
}
.myfriends .main .inf .inf-msg .img-null {
  display: none;
}
.myfriends .main .inf .inf-msg .inf-text {
  flex: 1;
  -webkit-flex: 1;
  position: relative;
  padding-left: 0.6rem;
  font: 0.7rem / 1.25rem "";
}
.myfriends .main .inf .inf-msg .inf-text .inf-text-p {
  text-overflow: clip;
  display: -webkit-inline-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #666;
}
.myfriends .main .inf .inf-msg .inf-text p.pages {
  position: absolute;
  bottom: 0;
  left: 0.6rem;
  color: #999;
}
.myfriends .main .inf .inf-msg .inf-text-p-null {
  padding: .5rem 0.75rem 0.75rem 0.75rem;
  border-radius: 0.3rem;
  background-color: #F5F5F5;
}
/*******我的朋友圈**end*/
/*******详情*star*/
.particulars .main .like-talking {
  display: block;
}
.particulars .main .like-talking .face-bq {
  width: 1.25rem;
  height: auto;
  vertical-align: middle;
}
.particulars header.mui-bar {
  border-bottom: 1px solid #ccc;
}
.particulars .chat-val.dialogues {
  color: #ccc!important;
}
.pls-img-look {
  display: none;
  z-index: 99999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #000!important;
}
.pls-img-look .mui-slider-group {
  height: 100%;
}
.pls-img-look .mui-slider-item {
  height: 100%;
  background-color: #000;
}
.pls-img-look .mui-slider-item a {
  position: absolute;
  display: block;
  max-width: 100%;
  max-height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.pls-img-look .mui-slider-indicator {
  bottom: 1.5rem;
}
.particulars .circlefriendsimg header.mui-bar {
  border-bottom: 0;
}
/*******详情**end*/
/*******会员中心**start*/
.membercenter {
  position: relative;
}
.membercenter header.mui-bar {
  border-bottom: 1px solid #ccc;
}
.membercenter .mui-content {
  background: #fff;
}
.membercenter .mui-content .content-title {
  box-sizing: border-box;
  padding: 0 0.75rem;
  border-bottom: solid 0.5rem #f5f5f5;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  width: 100%;
  height: 4.5rem;
  background: #fff;
}
.membercenter .mui-content .content-title img {
  width: 3.3rem;
  height: 3.3rem;
  border-radius: 50%;
}
.membercenter .mui-content .content-title img[src=''] {
  opacity: 0;
}
.membercenter .mui-content .content-title .ovmoney {
  margin-top: .1rem;
  color: #666;
  font-size: 0.7rem;
}
.membercenter .mui-content .content-title .ovmoney .color {
  color: #d93b2a;
}
.membercenter .mui-content .content-title .title-right {
  padding-left: 0.6rem;
}
.membercenter .mui-content .content-title .title-right h3 {
  font-size: 0.9rem;
  color: #333;
}
.membercenter .mui-content .content-title .title-right p {
  margin-top: .1rem;
  font-size: 0.7rem;
  color: #666;
}
.membercenter .mui-content .content-title .title-right p span {
  padding: 0 0.25rem;
  color: #d93b2a;
}
.membercenter .mui-content .main {
  border-bottom: solid 0.5rem #F5F5F5;
  background: #fff;
}
.membercenter .mui-content .main h2 {
  box-sizing: border-box;
  padding: 0.75rem 0.75rem 1rem 0.75rem;
  font-size: 0.75rem;
  color: #333;
}
.membercenter .mui-content .main .main-ul {
  box-sizing: border-box;
  padding: 0 .5rem 0.75rem .8rem;
}
.membercenter .mui-content .main .main-ul li:last-child {
  margin-bottom: 0;
}
.membercenter .mui-content .main .main-ul li {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 0.75rem;
  margin-bottom: 0.5rem;
  width: 100%;
  height: 2.87rem;
  border: solid 1px #e6e6e6;
  border-radius: 0.5rem;
}
.membercenter .mui-content .main .main-ul .main-left h3 {
  font-size: 0.75rem;
  color: #333;
}
.membercenter .mui-content .main .main-ul .main-left p {
  font-size: 0.6rem;
  color: #999;
  padding-top: .2rem;
}
.membercenter .mui-content .main .main-ul .main-right span,
.membercenter .mui-content .main .main-ul .main-right {
  font-size: 0.8rem;
  color: #b56a24;
}
.membercenter .mui-content .main .main-ul .main-right em.money {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  background: url(../images/icon_jb.png) center no-repeat;
  background-size: 1.17rem auto;
  vertical-align: middle;
}
.membercenter .mui-content .main .main-ul .pitch {
  background-color: rgba(0, 0, 0, 0.31);
  box-shadow: 0px 10px 26px 0px rgba(0, 0, 0, 0.16);
}
.membercenter .mui-content .msg {
  margin: .5rem .8rem 3rem .8rem;
}
.membercenter .mui-content .msg .title {
  font: 0.8rem / 2 "";
  color: #333;
}
.membercenter .mui-content .msg .text {
  font: 0.7rem / 1.5 "";
  color: #666;
}
.membercenter footer {
  z-index: 9;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 2.25rem;
  background: #fff;
  border-top: solid 0.03rem #e6e6e6;
}
.membercenter footer .price {
  flex: 1;
  -webkit-flex: 1;
  text-align: center;
  font-size: 0.9rem;
}
.membercenter footer .price span,
.membercenter footer em.em-color {
  color: #d93b2a;
}
.membercenter footer button.btn {
  width: 7.5rem;
  height: 100%;
  font-size: 0.9rem;
  color: #fff;
  background: #d93b2a;
  border-radius: 0;
}
/*******会员中心**end*/
/*******我的账户**start*/
.notecase header.mui-bar {
  background-color: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.notecase em.money {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  background: url(../images/icon_jb.png) center 0.4rem no-repeat;
  background-size: 2rem auto;
  vertical-align: text-bottom;
}
.notecase .mui-content .mui-scroll-wrapper {
  padding-top: 17rem;
  background-color: #fff;
}
.notecase .notecase-balance {
  width: 100%;
  height: 10.6rem;
  background-color: #fff;
  color: #d93b2a;
  padding-top: 1rem;
  position: relative;
  z-index: 8;
}
.notecase .notecase-balance .balance-title {
  text-align: center;
  font-size: 0.7rem;
  line-height: 0.7rem;
  color: #333;
}
.notecase .notecase-balance .balance-num {
  height: 4.55rem;
  margin: 0.5rem 1rem 0 1rem;
  overflow: hidden;
  background: url(../images/balance-num-bg.png) center center no-repeat;
  background-size: contain;
  text-align: center;
}
.notecase .notecase-balance .balance-num .balance {
  font-size: 2.5rem;
  margin-top: .7rem;
  display: inline-block;
}
.notecase .notecase-balance .btns-recharge-withdraw {
  margin-top: 0.75rem;
  border-top: 1px solid #F5F5F5;
  overflow: hidden;
  padding: 0.6rem 0;
  text-align: center;
}
.notecase .notecase-balance .btns-recharge-withdraw a {
  color: #333;
  font-size: 0.8rem;
  padding: 0.4rem 0;
}
.notecase .notecase-msg {
  width: 100%;
  position: relative;
  z-index: 10;
  background-color: #F5F5F5;
  border-top: solid 0.5rem #f5f5f5;
}
.notecase .notecase-msg .msg-title {
  font-size: 0.8rem;
  color: #333;
  padding: .5rem .75rem;
  background-color: #fff;
}
.notecase .notecase-msg-title {
  width: 100%;
  height: 1.25rem;
  position: relative;
  z-index: 10;
}
.notecase .notecase-msg-list {
  width: 100%;
  background-color: #fff;
}
.notecase .notecase-msg-list th {
  height: 1.25rem;
  line-height: 1.25rem;
  background-color: #f4f4f4;
  font-size: 0.6rem;
  color: #999;
}
.notecase .notecase-msg-list td {
  font-size: 0.7rem;
  padding: 0.75rem 0;
  color: #666;
}
.notecase .notecase-msg-list .msg-item {
  border-bottom: 1px solid #F4F4F4;
}
.notecase .notecase-msg-list .msg-item .item-middle {
  font-size: 0.6rem;
}
.notecase .notecase-msg-list .msg-item:last-child {
  border-bottom: 0;
}
.notecase .notecase-msg-list .item-left {
  text-align: left;
  padding-left: 1.25rem;
  width: 40%;
}
.notecase .notecase-msg-list .item-middle {
  text-align: center;
  width: 30%;
}
.notecase .notecase-msg-list .item-right {
  text-align: right;
  padding-right: 1.25rem;
  width: 30%;
}
.notecase .notecase-msg-list .red {
  color: #f33;
}
.notecase .notecase-msg-list .blue {
  color: #0cc;
}
/*******我的账户**end*/
/*******提现**start*/
.withdraw .cent {
  text-align: center;
}
.withdraw .mui-popup .mui-popup-text {
  text-align: start;
  margin-left: 10%;
  margin: .6rem 10%;
  line-height: 2;
  font-size: 0.8rem;
}
.withdraw header.header-color {
  background-color: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.withdraw .withdraw-content {
  margin-bottom: 0.5rem;
  padding: 0.75rem 0 0 0;
  background-color: #fff;
}
.withdraw .withdraw-title {
  padding: 0 1.5rem;
  font-size: 0.8rem;
  line-height: 0.7rem;
  color: #666;
}
.withdraw .withdraw-money {
  padding: 0 1.5rem 0 1.5rem;
  margin-top: 0.65rem;
  font-size: 1.2rem;
  color: #333;
  line-height: 1;
  border-bottom: 1px solid #e5e5e5;
}
.withdraw .withdraw-money span {
  float: left;
  margin-top: 0.35rem;
}
.withdraw .withdraw-money .money {
  display: inline-block;
  margin-left: 0.7rem;
  width: 90%;
  font-size: 0.6rem;
  color: #333;
  border: none;
  line-height: 2rem;
  margin-bottom: 1px;
}
.withdraw .withdraw-money .money::-webkit-input-placeholder {
  color: #ccc;
}
.withdraw .table-view1 .table-view-cell-input {
  background: transparent;
  color: #fff;
  border: 0;
  margin-top: 1rem;
  padding: 0 .5rem;
}
.withdraw .table-view1 .table-view-cell-input::-webkit-input-placeholder {
  color: #E6E6E6;
}
.withdraw .withdraw-msg {
  padding: 0.4rem 1.5rem 0.6rem 1.5rem;
  font-size: 0.6rem;
  color: #666;
}
.withdraw .clue {
  color: #999;
}
.withdraw .payment {
  background: #fff;
}
.withdraw .payment h3,
.withdraw .payment h2 {
  padding: 0 0.75rem;
  font: 0.75rem/2.22rem "";
  color: #333;
  border-bottom: solid 2px #f2f2f2;
}
.withdraw .payment h2 {
  color: #666;
}
.withdraw .payment h2 em {
  float: right;
  font: 0.7rem / 2.22rem "";
}
.withdraw .payment a {
  display: block;
  padding-bottom: 0.75rem;
}
.withdraw .payment .name,
.withdraw .payment .cardid {
  float: right;
  border: 0;
  text-align: end;
  padding: 1.1rem 0;
  background: transparent;
}
.withdraw .payment .wechat-box {
  border-bottom: solid 1px #e5e5e5;
}
.withdraw .payment .alipay,
.withdraw .payment .wechat {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.65rem 1.45rem 0.65rem 3.05rem;
  font-size: 0.75rem;
  color: #333;
}
.withdraw .payment .alipay {
  background: url(../images/icon_zfb.png) no-repeat 1.5rem 0.68rem;
  background-size: 1rem auto;
}
.withdraw .payment .wechat {
  background: url(../images/icon_wx.png) no-repeat 1.5rem 0.68rem;
  background-size: 1rem auto;
}
.withdraw .payment .payment-radio {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  border: solid 1px #999;
  border-radius: 50%;
}
.withdraw .payment .payment-radio .checked {
  display: block;
  width: 7px;
  height: 7px;
  background-color: #d93b2a;
  border-radius: 50%;
}
.withdraw .payment input {
  margin-left: 1.52rem;
  width: 65%;
  height: 1.27rem;
  font-size: 0.7rem ;
  color: #000;
  border: none;
  border-bottom: solid 1px #f2f2f2;
}
.withdraw .payment input::-webkit-input-placeholder {
  color: #999;
}
.withdraw .bottom {
  padding-bottom: 1.25rem ;
  border-top: 0.5rem solid #F2F2F2;
}
.withdraw button {
  margin-top: 2.55rem;
  width: 80%;
  margin: 2.55rem 10% 0 10%;
  height: 1.87rem;
  font-size: 0.9rem;
  color: #fff;
  background: #ccc;
  box-shadow: -5px 8px 20px 0px rgba(0, 0, 0, 0.3);
  border-radius: 40px;
}
.withdraw .btn {
  background: #d93b2a;
}
.withdraw .useragrre {
  margin-top: 1.5rem;
  text-align: center;
  font: 0.6rem / 1.5 "";
}
.withdraw .useragrre .useragrre-p {
  color: #999;
}
.withdraw .useragrre .useragrre-a {
  display: inline-block;
  color: #00aaff;
}
.withdraw .useragrre .useragrre-em {
  display: inline-block;
  width: 0.65rem;
  height: 0.65rem;
  background: url(../images/fangkuang.png) 0 0 no-repeat;
  background-size: .65rem;
  margin: .05rem .3rem .1rem .3rem;
  vertical-align: middle ;
}
.withdraw .useragrre.active .useragrre-em {
  background: url(../images/fangkuang2.png) 0 0 no-repeat;
  background-size: .65rem;
}
/*******提现**end*/
/*******充值**start*/
.recharge header.header-color {
  background-color: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.recharge .mui-content {
  background: #fff;
}
.recharge .mui-content .content {
  position: relative;
  border-bottom: solid 0.5rem #f2f2f2;
}
.recharge .mui-content .content .content-title {
  padding: 0 0.75rem;
}
.recharge .mui-content .content .content-title h3 {
  width: 100;
  font: 0.8rem/2.17rem "";
  color: #666;
  border-bottom: solid 1px #e5e5e5;
}
.recharge .mui-content .content .box {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.recharge .mui-content .content .box-top {
  width: 100%;
  font: 0.7rem/2.1rem "";
  color: #666;
  padding: 0 0.75rem;
}
.recharge .mui-content .content .price {
  position: relative;
  display: block;
  width: 100%;
  font: 0.7rem/2.3rem "";
  color: #333;
  border-bottom: 1px solid #d9d9d9;
  padding: 0 0.75rem 0 2.5rem;
  background: url(../images/icon_jb.png) 0.75rem center no-repeat;
  background-size: 0.9rem auto;
}
.recharge .mui-content .content .price:last-child {
  border-bottom: 0;
}
.recharge .mui-content .content .price .color-span {
  color: #d93b2a;
  padding-right: .3rem;
}
.recharge .mui-content .content .right-a {
  position: absolute;
  right: 0.75rem;
  top: 0;
  color: #333;
  font-size: .75rem;
}
.recharge .mui-content .content em.right-a {
  line-height: 2.3rem;
}
.recharge .mui-content .content .pitch em.right-a {
  color: #d93b2a;
}
.recharge .mui-content .content .pitch {
  background-color: #f8e2c3;
  box-shadow: 0px 1px 1px 0px  #cccccc;
}
.recharge .mui-content .content .import {
  height: 2.3rem;
  font-size: 0.7rem;
  color: #333;
  background: transparent;
  border: 0;
  text-align: end;
  line-height: none!important;
}
.recharge .mui-content .content .pitch .import {
  color: #d93b2a;
}
.recharge .mui-content .content .import::-webkit-input-placeholder {
  color: #ccc;
}
.recharge .mui-content .payment {
  background: #fff;
  margin-bottom: .3rem;
  overflow: hidden;
}
.recharge .mui-content .payment h3 {
  padding: 0.8rem 0.75rem 0.35rem 0.75rem;
  font-size: 0.75rem;
  color: #333;
}
.recharge .mui-content .payment a {
  position: relative;
  display: block;
  float: left;
  width: 45%;
  font: 0.9rem / 2.45rem "";
  color: #333;
  border: 1px solid #ccc;
  margin-left: 3%;
  margin-bottom: 0.75rem;
  text-align: center;
  overflow: hidden;
}
.recharge .mui-content .payment a em {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  vertical-align: text-top;
}
.recharge .mui-content .payment #alipay em {
  background: url(../images/icon_zfb2.png) no-repeat 0 center;
  background-size: 1rem auto;
}
.recharge .mui-content .payment #wechat em {
  background: url(../images/icon_wx2.png) no-repeat 0 center;
  background-size: 1rem auto;
}
.recharge .mui-content .payment #web em {
  background: url(../images/icon_web.png) no-repeat 0 center;
  background-size: 1rem auto;
}
.recharge .mui-content .payment .active {
  border: 1px solid #f24130;
}
.recharge .mui-content .payment .xuan {
  position: absolute;
  bottom: -0.5rem;
  right: -0.5rem;
  display: none;
  width: 1rem;
  height: 1rem;
  background-color: #f24130;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.recharge .mui-content .payment .gou {
  position: absolute;
  bottom: -0.15rem;
  right: -0.1rem;
  display: none;
  width: 0.5rem;
  height: .5rem;
  background: url(../images/icon_goun.png) no-repeat 0 0;
  background-size: .4rem;
}
.recharge .mui-content .payment .active .xuan,
.recharge .mui-content .payment .active .gou {
  display: block;
}
.recharge footer {
  z-index: 9;
  box-sizing: ;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  padding-left: 0.75rem;
  width: 100%;
  height: 2.25rem;
  background: #fff;
  border-top: solid 0.03rem #e6e6e6;
}
.recharge footer .price {
  font-size: 0.9rem;
}
.recharge footer .price span {
  color: #d93b2a;
}
.recharge footer button {
  width: 7.5rem;
  height: 100%;
  font-size: 0.9rem;
  color: #fff;
  background: #d93b2a;
  border-radius: 0;
}
.recharge .rdntn {
  width: 90%;
  margin: 1.6rem 5%;
  height: 2rem;
  background: #ccc;
}
.recharge .rdntn.color {
  background: #d93b2a;
}
/*******充值**end*/
/*******我的粉丝,我的关注,我的好友**start*/
.serchfd .mui-bar-nav ~ .mui-content,
.serchfd .mui-bar-nav ~ .mui-content > .mui-scroll-wrapper {
  padding-top: 4.7rem;
}
.serchfd header.mui-bar {
  background-color: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.serchfd .serch {
  z-index: 9;
  position: absolute;
  left: 0;
  top: 2.2rem;
  width: 100%;
  height: 2.5rem;
  border-bottom: 1px solid #E6E6E6;
  background-color: #fff;
  padding: .5rem 5%;
}
.serchfd .serch-input {
  width: 100%;
  height: 1.5rem;
  border-radius: .3rem;
  border: 0;
  background-color: #F2F2F2;
}
.serchfd .active.serch .serch-input {
  text-align: start;
}
.serchfd .active.serch .search-em {
  left: 3rem;
}
.myfans header.mui-bar,
.attention header.mui-bar,
.myfriend header.mui-bar {
  background-color: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.myfans .main,
.attention .main,
.myfriend .main {
  font-size: 0;
}
.myfans .mui-content,
.attention .mui-content,
.myfriend .mui-content {
  background: #fff;
}
.myfans .fold,
.attention .fold,
.myfriend .fold {
  width: 100%;
  border-bottom: solid 0.5rem #f5f5f5;
}
.myfans .fold-a,
.attention .fold-a,
.myfriend .fold-a {
  position: relative;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 0.75rem;
  width: 100%;
  height: 2.25rem;
  font-size: 0.55rem;
  color: #333;
}
.myfans .fold-a span,
.attention .fold-a span,
.myfriend .fold-a span {
  color: #d93b2a;
}
.myfans .fold-a i,
.attention .fold-a i,
.myfriend .fold-a i {
  position: absolute;
  right: 0.5rem;
  top: 0.4rem;
  padding: .45rem;
  font-size: 1rem;
  color: #999;
}
.myfans .fold-title,
.attention .fold-title,
.myfriend .fold-title {
  padding-right: 0.5rem;
  font: 0.8rem/1.5 "";
}
.myfans .fold-text,
.attention .fold-text,
.myfriend .fold-text {
  position: relative;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 0.75rem;
  height: 3.5rem;
  border-top: solid 1px #e6e6e6;
}
.myfans .fold-text img,
.attention .fold-text img,
.myfriend .fold-text img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}
.myfans .fold-text .box,
.attention .fold-text .box,
.myfriend .fold-text .box {
  padding-left: 0.5rem;
}
.myfans .mf-table-view-cell,
.attention .mf-table-view-cell,
.myfriend .mf-table-view-cell,
.myfans .shield,
.attention .shield,
.myfriend .shield,
.myfans .userphone,
.attention .userphone,
.myfriend .userphone,
.myfans .setfriend,
.attention .setfriend,
.myfriend .setfriend {
  position: relative;
  left: 0;
  box-sizing: border-box;
  padding: 0 0.75rem;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  height: 3.5rem;
  border-bottom: solid 1px #f5f5f5;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  transition: transform 350ms ;
  -webkit-transition: transform 350ms ;
}
.myfans .mf-table-view-cell .delect,
.attention .mf-table-view-cell .delect,
.myfriend .mf-table-view-cell .delect,
.myfans .shield .delect,
.attention .shield .delect,
.myfriend .shield .delect,
.myfans .userphone .delect,
.attention .userphone .delect,
.myfriend .userphone .delect,
.myfans .setfriend .delect,
.attention .setfriend .delect,
.myfriend .setfriend .delect {
  position: absolute;
  top: 0;
  right: -20%;
  width: 20%;
  height: 100%;
  background: url(../images/icon_delete2.png) center no-repeat;
  background-size: 0.65rem auto;
}
.myfans .mf-table-view-cell img,
.attention .mf-table-view-cell img,
.myfriend .mf-table-view-cell img,
.myfans .shield img,
.attention .shield img,
.myfriend .shield img,
.myfans .userphone img,
.attention .userphone img,
.myfriend .userphone img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}
.myfans .shield,
.attention .shield,
.myfriend .shield,
.myfans .userphone,
.attention .userphone,
.myfriend .userphone {
  margin-right: 1.2rem;
  margin-left: 0.75rem;
  padding-left: 0;
  border-bottom-color: #F5F5F5;
}
.myfans .shield .arrows,
.attention .shield .arrows,
.myfriend .shield .arrows,
.myfans .userphone .arrows,
.attention .userphone .arrows,
.myfriend .userphone .arrows {
  padding: .7rem;
  color: #d93b2a;
  font-size: 0.6rem;
}
.myfans .shield .user,
.attention .shield .user,
.myfriend .shield .user {
  font-size: .9rem;
}
.myfans .userphone .phone,
.attention .userphone .phone,
.myfriend .userphone .phone {
  font: 0.7rem / 1.5 "";
  color: #666;
}
.myfans .setfriend,
.attention .setfriend,
.myfriend .setfriend {
  width: 100%;
  height: 2.35rem;
  padding: 0 1rem;
}
.myfans .setfriend .img,
.attention .setfriend .img,
.myfriend .setfriend .img {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  margin: 0.425rem 0;
}
.myfans .setfriend .user,
.attention .setfriend .user,
.myfriend .setfriend .user {
  display: inline-block;
  padding-left: 0.575rem;
  font: 0.9rem/2.35rem "";
  color: #333;
}
.myfans .mf-navigate-right,
.attention .mf-navigate-right,
.myfriend .mf-navigate-right {
  padding-left: 0.5rem;
}
.myfans .user,
.attention .user,
.myfriend .user {
  display: block;
  max-width: 10rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.7rem;
  color: #333;
  min-height: .9rem;
}
.myfans .age,
.attention .age,
.myfriend .age {
  float: left;
  text-align: center;
  margin-right: 0.35rem;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.25rem;
  height: 0.85rem;
  padding: 0 .2rem;
  background: #e75d4e;
  border-radius: 0.15rem;
}
.myfans .age img,
.attention .age img,
.myfriend .age img {
  width: 0.5rem;
  height: .5rem;
  border-radius: 0;
}
.myfans .age span,
.attention .age span,
.myfriend .age span {
  padding-left: 0.2rem;
  font-size: 0.55rem;
  line-height: 0.85rem;
  color: #fcfaf8;
  margin-bottom: .05rem;
}
.myfans .sex,
.attention .sex,
.myfriend .sex {
  background-color: #db27bb;
}
.myfans .arrows,
.attention .arrows,
.myfriend .arrows {
  position: absolute;
  right: 0.25rem;
  top: 50%;
  padding: .45rem;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  font-size: 1rem;
  color: #999;
}
.myfans .abolish,
.attention .abolish,
.myfriend .abolish {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  width: 3.25rem;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  height: 1rem;
  font-size: 0.6rem;
  background: none;
  border: solid 1px #ccc;
  border-radius: 0;
  color: #666;
  border-radius: .2rem;
}
.myfans .userimg,
.attention .userimg,
.myfriend .userimg {
  position: relative;
  width: 2rem;
  height: 2rem;
}
.myfans .new,
.attention .new,
.myfriend .new {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: .55rem;
  height: .5rem;
  background-color: #f24130;
  border-radius: 10rem;
}
.myfans a.title,
.attention a.title,
.myfriend a.title {
  display: inline-block;
  margin-top: -1px;
  width: 100%;
  height: 1rem;
  background-color: #f5f5f5;
  font: 0.5rem / 1rem "";
  color: #666;
  padding: 0 1.1rem;
}
.myfans .age {
  width: 3.1rem;
}
.myfriend .mf-table-view-cell {
  margin-right: 1.2rem;
  margin-left: 0.75rem;
  padding-left: 0;
}
.myfriend .mf-table-view-cell .arrows {
  right: .5rem;
}
.newfriend .mf-table-view-cell {
  margin-right: 0;
}
.myfriend .fold-a i {
  right: 1.7rem;
}
.myfriend .card-box {
  display: none;
}
.myfriend .card-box .mui-popup-inner {
  padding: 0;
}
.myfriend .card-box .mui-popup-title {
  border: 0;
  text-align: start;
  font-size: 0.9rem;
}
.myfriend .card-box .mui-popup-buttons {
  margin-top: 1rem;
}
.myfriend .card-box .mui-popup-text {
  text-align: start;
  margin: 0;
  padding: 0;
}
.myfriend .osetfname {
  padding-left: .5rem;
}
.myfriend .osetfurl {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  margin-left: 1rem;
  margin-top: 1rem;
  vertical-align: text-bottom;
}
.myfriend .osettext {
  padding-left: 0.75rem;
  display: inline-block;
}
.myfriend .ousname {
  color: #fff;
  font: 0.8rem/1.5 "";
}
.myfriend .ousid {
  color: #ccc;
  font: 0.7rem / 1.5 "";
}
.attention .mf-table-view-cell {
  margin-right: 1rem;
}
.myfans .arrows {
  right: 1.5rem;
}
/*******我的粉丝,我的关注,我的好友**end*/
/*******我的好友**start*/
.myfriend .fold {
  border-bottom: 0;
}
/*******我的好友**end*/
/*******我的约会**start*/
.appointment .mui-scroll-wrapper {
  display: none;
}
.appointment .active.mui-scroll-wrapper {
  display: block;
}
.appointment header.mui-bar {
  background-color: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.appointment .tab {
  position: absolute;
  top: 2.2rem;
  left: 0;
  z-index: 3;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 3.3rem;
  width: 100%;
  height: 2.12rem;
  border-bottom: solid 1px #e6e6e6;
  background-color: #fff;
}
.appointment .tab a {
  line-height: 2.12rem;
  font-size: 0.7rem;
  color: #666;
}
.appointment .tab .pitch {
  color: #d93b2a;
  border-bottom: solid 0.15rem #d93b2a;
}
.appointment .mui-bar-nav ~ .mui-content > .mui-scroll-wrapper {
  padding-top: 4.32rem;
}
.appointment .mui-content {
  background: #fff;
}
.appointment .mui-content .receive .receive-box,
.appointment .mui-content .receive .launch-box,
.appointment .mui-content .receive .launch-agree {
  box-sizing: border-box;
  padding: 0 0.75rem;
  border-bottom: solid 0.5rem #f5f5f5;
}
.appointment .mui-content .receive .roll {
  position: relative;
  transition: margin-left 350ms ease;
  -webkit-transition: margin-left 350ms ease;
  width: 100%;
}
.appointment .mui-content .receive .content {
  display: -webkit-flex;
  align-items: center;
  height: 3.5rem;
  border-bottom: solid 1px #e6e6e6;
  margin-right: 1.175rem;
}
.appointment .mui-content .receive .mui-icon-arrowright {
  position: absolute;
  top: 50%;
  right: -0.5rem;
  margin-top: -0.65rem;
  color: #999;
  font-size: 1.3rem;
}
.appointment .mui-content .receive i.delect {
  position: absolute;
  top: 0;
  right: -40%;
  margin-right: -0.8rem;
  height: 100%;
  width: 20%;
  background: url(../images/icon_delete2.png) center no-repeat;
  background-size: 0.65rem auto;
}
.appointment .mui-content .receive i.complaint {
  position: absolute;
  top: 0;
  right: -20%;
  margin-right: -0.8rem;
  height: 100%;
  width: 20%;
  background: url(../images/chat_ts.png) center no-repeat;
  background-size: 0.775rem auto;
}
.appointment .mui-content .receive .content-img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  overflow: hidden;
}
.appointment .mui-content .receive .content-img img {
  height: 100%;
  width: 100%;
}
.appointment .mui-content .receive .content-right {
  padding-left: 0.5rem;
}
.appointment .mui-content .receive .content-right h3 {
  font: 0.7rem/1.3 "";
  width: 10rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.appointment .mui-content .receive .content-right p {
  padding-top: 0.35rem;
  font: 0.55rem/1.5 "";
  color: #999;
}
.appointment .mui-content .receive .btn {
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  height: 2.65rem;
}
.appointment .mui-content .receive .btn a {
  display: block;
  width: 3.5rem;
  font: 0.6rem/1rem "";
  text-align: center;
  color: #D93B2A;
  border: solid 1px #d93b2a;
  border-radius: 0.15rem;
  margin: 0 0.5rem;
}
.appointment .mui-content .receive .lose-box .content {
  position: relative;
}
.appointment .mui-content .receive .lose-box .agree,
.appointment .mui-content .receive .lose-box .cancel,
.appointment .mui-content .receive .btn .evaluate {
  color: #ccc;
  border: solid 1px #ccc;
}
.appointment .mui-content .receive .agree-box .evaluate {
  color: #D93B2A;
  border: solid 1px #d93b2a;
}
.appointment .mui-content .receive .lose-img {
  position: absolute;
  right: 0;
  top: .56rem;
  width: 2.15rem;
  height: 2.15rem;
}
.appointment .mui-content .receive .lose-box .lose-img {
  background: url(../images/icon_ysx.png) no-repeat;
  background-size: 100%;
}
.appointment .mui-content .receive .agree-box .lose-img {
  margin-right: 1.175rem;
  background: url(../images/icon_agree.png) no-repeat;
  background-size: contain;
}
.appointment .mui-content .receive .agree-box .agree {
  color: #fff;
  background-color: #d93b2a;
}
.appointment .mui-content .receive .evaluate-box {
  position: relative;
  margin: 0.25rem 0.75rem 1rem 0.75rem;
  box-shadow: 0px 10px 26px 0px rgba(179, 179, 179, 0.3);
}
.appointment .mui-content .receive .evaluate-box p.title {
  width: 100%;
  text-align: end;
}
.appointment .mui-content .receive .evaluate-box p.title span.title-span {
  display: inline-block;
  width: 40%;
  text-align: center;
  font: 0.7rem/2.25rem "";
  color: #666;
}
.appointment .mui-content .receive .evaluate-box ul {
  padding: 0 .4rem;
}
.appointment .mui-content .receive .evaluate-box ul li {
  display: -webkit-flex;
  justify-content: space-around;
  align-content: center;
  margin-bottom: 0.75rem;
}
.appointment .mui-content .receive .evaluate-box ul li span {
  width: 38%;
  padding-left: 2%;
  display: -webkit-flex;
  justify-content: space-around;
  align-content: center;
}
.appointment .mui-content .receive .evaluate-box ul li span.text {
  display: inline-block;
  width: 20%;
  padding: 0;
  text-align: center;
  font: 0.65rem/1.5 "";
  color: #666;
}
.appointment .mui-content .receive .evaluate-box ul li em,
.appointment .mui-content .receive .evaluate-box ul li i {
  vertical-align: text-bottom;
  display: inline-block;
  padding: 1rem 0.4rem;
}
.appointment .mui-content .receive .evaluate-box ul li i {
  background: url(../images/icon_aixin2.png) center center no-repeat;
  background-size: 0.75rem auto;
}
.appointment .mui-content .receive .evaluate-box ul li i.active {
  background: url(../images/icon_aixin1.png) center center no-repeat;
  background-size: 0.75rem auto;
}
.appointment .mui-content .receive .evaluate-box ul li em {
  background: url(../images/bad0.png) center center no-repeat;
  background-size: 0.65rem auto;
}
.appointment .mui-content .receive .evaluate-box ul li em.active {
  background: url(../images/bad1.png) center center no-repeat;
  background-size: 0.65rem auto;
}
.appointment .mui-content .receive .evaluate-box .rdntn {
  width: 6.75rem;
  height: 1.5rem;
  font-size: 0.65rem;
  margin-bottom: 1.5rem;
}
.appointment .mui-content .receive .evaluate-box .rdntn-p {
  text-align: center;
}
.appointment .mui-content .receive .evaluate-box .sex {
  margin: 1.2rem 0.75rem 1.2rem 0.75rem;
  font: 0.7rem / 1.5 "";
  color: #333;
}
.appointment .mui-content .receive .evaluate-box .sex .color {
  color: #d93b2a;
}
.appointment .mui-content .receive .evaluate-box::after {
  position: absolute;
  right: -0.5rem;
  top: -0.3rem;
  content: "";
  display: block;
  border: .7rem solid #fff;
}
.appointment .mui-content .receive .evaluate-box::before {
  z-index: 999;
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  content: "";
  display: block;
  border: .5rem solid #fff;
  border-color: transparent transparent rgba(235, 235, 235, 0.5) rgba(235, 235, 235, 0.5);
  background-color: #fff;
  /*设置元素的阴影效果*/
  box-shadow: -3px 4px 7px 0px rgba(0, 0, 0, 0.2);
}
/*******我的约会**end*/
/*******评价**start*/
.evaluate .mui-content {
  background: #fff;
}
.evaluate .estimeate-list {
  padding: 0.4rem 0.75rem;
}
.evaluate .estimeate-item.estimeate-range {
  height: auto;
  padding-top: 1rem;
}
.evaluate .estimeate-item {
  height: 2.2rem;
  line-height: 2.2rem;
  font-size: 0.7rem;
  color: #666;
  padding: 0;
}
.evaluate .estimeate-item .grade {
  height: 2.2rem;
  float: right;
  overflow: hidden;
}
.evaluate .estimeate-item .star {
  display: inline-block;
  padding: 1.1rem 0.8rem;
  background: url(../images/icon_xx0.png) center center no-repeat;
  background-size: contain;
}
.evaluate .estimeate-item .star.active {
  background-image: url(../images/icon_xx1.png);
}
.evaluate .btn {
  box-sizing: border-box;
  padding: 9.62rem 1.87rem 0 1.87rem;
  width: 100%;
}
.evaluate .btn .rdntn {
  width: 100%;
  height: 2rem;
}
/*******评价**end*/
/*******个人认证**start*/
.attestation header.mui-bar {
  background-color: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.attestation .mui-content::-webkit-scrollbar {
  display: none;
}
.attestation .mui-content {
  overflow-y: scroll;
  background: #fff;
}
.attestation .mui-content .personal {
  width: 100%;
}
.attestation .mui-content .personal-content {
  display: -webkit-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 0.7rem;
  border-bottom: solid 1px #e6e6e6;
}
.attestation .mui-content .personal-content span {
  font-size: 0.7rem;
  color: #333;
}
.attestation .mui-content .personal-content input {
  flex: 1;
  -webkit-flex: 1;
  height: 2.12rem;
  font-size: 0.7rem;
  text-align: right;
  border: 0;
}
.attestation .mui-content .personal-content .personal-title {
  padding: 0.72rem 0.75rem 1rem 0.75rem;
  width: 100%;
  font-size: 0.65rem;
  color: #333;
}
.attestation .mui-content .content-img,
.attestation .mui-content .add-img,
.attestation .mui-content .content-video,
.attestation .mui-content .add-video {
  float: left;
  position: relative;
  margin: 0 0 1rem 0.75rem ;
  width: 5.25rem;
  height: 5.25rem;
}
.attestation .mui-content .content-img img,
.attestation .mui-content .add-img img {
  width: 100%;
  height: 100%;
}
.attestation .mui-content .content-img i,
.attestation .mui-content .add-img i,
.attestation .mui-content .add-video i,
.attestation .mui-content .content-video i {
  position: absolute;
  right: -0.7rem;
  top: -0.8rem;
  display: block;
  padding: 0.75rem 0.75rem;
  background: url(../images/icon_sc.png) center center no-repeat;
  background-size: 0.65rem auto;
}
.attestation .mui-content .personal-img,
.attestation .mui-content .personal-video {
  padding: 0;
}
.attestation .mui-content .add-img {
  float: left;
  background: url(../images/icon_jia.png) center center no-repeat;
  background-size: contain;
}
.attestation .mui-content .add-video {
  float: left;
}
.attestation .mui-content .video-bg {
  width: 100%;
  height: 100%;
  background: url(../images/icon_zxj.png) center center no-repeat;
  background-size: contain;
}
.attestation .mui-content .add-img p {
  padding-top: 3.15rem;
  font: 0.7rem/1.5 "";
  text-align: center;
  color: #ccc;
}
.attestation .mui-content .add-img span {
  color: #ccc;
}
.attestation .mui-content .content-video {
  background-size: contain;
}
.attestation .mui-content .video-em {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url(../images/videoplay.png) center no-repeat;
  background-size: 100%;
}
.attestation .mui-content .shade {
  z-index: 99;
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.47);
}
.attestation .mui-content .add {
  width: 100%;
  height: 100%;
}
.attestation .mui-content .btn {
  box-sizing: border-box;
  padding: 2.5rem 1.87rem ;
  width: 100%;
}
.attestation .mui-content .btn .rdntn {
  width: 100%;
  height: 2rem;
}
.attestation .mui-content .content-img {
  position: relative;
}
.attestation .mui-content .content-p {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.42rem;
  background-color: rgba(0, 0, 0, 0.4);
  font: 0.7rem / 1.42rem "";
  color: #fff;
  text-align: center;
}
/*******个人认证**end*/
/*******约会认证**start*/
.dataattestation .rdntn,
.handler .rdntn,
.dataattestation .useragrre,
.handler .useragrre {
  display: none;
}
.dataattestation .btn,
.handler .btn {
  clear: both;
  overflow: hidden;
}
.dataattestation .btn a,
.handler .btn a,
.dataattestation .register .agree,
.handler .register .agree,
.dataattestation .register .disagree,
.handler .register .disagree {
  display: none;
  width: 3rem;
  height: 3rem;
  box-shadow: 0px 10px 26px 0px rgba(179, 179, 179, 0.4);
  border: solid 0.1rem #cccccc;
  border-radius: 50%;
  margin: 0 1rem;
}
.dataattestation .agree,
.handler .agree {
  float: left;
  background: url(../images/icon_gou.png) center no-repeat;
  background-size: 1.5rem auto;
}
.dataattestation .disagree,
.handler .disagree {
  float: right;
  background: url(../images/icon_cha.png) center no-repeat;
  background-size: 1.13rem auto;
}
/*******约会认证**end*/
/*******编辑个人中心**start*/
.editdata .img-look.active {
  display: block;
}
.editdata header {
  background-color: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.editdata header .mui-pull-right {
  margin-right: 0.25rem;
  font: 0.75rem/2.2rem "";
}
.editdata li {
  color: #333;
}
.editdata .mui-content {
  background: #fff;
  overflow: scroll;
}
.editdata .mui-content .mymsg .dw {
  color: #999;
}
.editdata .mui-content .add-box {
  width: 100%;
  padding: 0.22rem 0;
  border-bottom: solid 0.5rem #F5F5F5;
  overflow: hidden;
}
.editdata .mui-content .box-img {
  float: left;
  margin: 0 0 0.17rem 0.23rem;
  width: 5.95rem;
  height: 5.95rem;
  overflow: hidden;
}
.editdata .mui-content .box-img img {
  width: 100%;
  min-height: 100%;
  background-color: #F2F2F2;
}
.editdata .mui-content .add-img,
.editdata .mui-content .face {
  float: left;
  margin: 0 0 0.17rem 0.23rem;
  width: 5.95rem;
  height: 5.95rem;
  background: url(../images/icon_jiajia.png) center center no-repeat #F2F2F2;
  background-size: 1.35rem auto;
}
.editdata .mui-content .face .face-p {
  color: #B6B6B6;
  font-size: .7rem;
  text-align: center;
  margin-top: 4rem;
  line-height: 1rem;
}
.editdata .mui-content .message-box {
  width: 100%;
}
.editdata .mui-content .message-title {
  box-sizing: border-box;
  padding: 0 0.75rem;
  width: 100%;
  font: 0.7rem/2.15rem "";
  color: #ff3333;
  border: solid 1px #f5f5f5;
}
.editdata .mui-content .message {
  box-sizing: border-box;
  padding: .2rem 0.75rem .2rem 0.75rem;
  border-bottom: solid 0.5rem #f5f5f5;
}
.editdata .mui-content .message li {
  display: -webkit-flex;
  width: 100%;
  border-bottom: solid 1px #f5f5f5;
}
.editdata .mui-content .message li:last-child {
  border: 0;
}
.editdata .mui-content .message li span {
  font: 0.7rem/2.12rem "";
}
.editdata .mui-content .message li input,
.editdata .mui-content .message li .editdata-data,
.editdata .mui-content .message li .hwbox {
  color: #333;
  flex: 1;
  -webkit-flex: 1;
  padding-left: 1.25rem;
  font: 0.7rem/2.2rem "";
  border: 0;
}
.editdata .mui-content .myinf li {
  padding-left: 2rem;
  vertical-align: middle;
  border-bottom: 0;
}
.editdata .mui-content .myinf li p {
  font: 0.7rem/1.5 "";
  margin: .6rem 0;
}
.editdata .mui-content .myinf li:nth-of-type(1) {
  background: url(../images/gr_1.png) 0 0.7rem no-repeat;
  background-size: 0.875rem auto;
}
.editdata .mui-content .myinf li:nth-of-type(2) {
  background: url(../images/gr_2.png) 0 0.7rem no-repeat;
  background-size: 0.875rem auto;
}
.editdata .mui-content .myinf li:nth-of-type(3) {
  background: url(../images/gr_3.png) 0 0.7rem no-repeat;
  background-size: 0.875rem auto;
}
.editdata .mui-content .myinf li:nth-of-type(4) {
  background: url(../images/gr_4.png) 0 0.7rem no-repeat;
  background-size: 0.875rem auto;
}
.editdata .mui-content .myinf li:nth-of-type(5) {
  background: url(../images/gr_5.png) 0 0.7rem no-repeat;
  background-size: 0.875rem auto;
}
.editdata .mui-content .myinf li,
.editdata .mui-content .biaoqian-p,
.editdata .mui-content .con-lick {
  color: #333;
  font: 0.7rem/2.25rem "";
  width: 100%;
}
.editdata .mui-content .biaoqian-p {
  color: #8f8f94;
}
.editdata .mui-content .myinf li span.jia {
  color: #ff3333;
  margin-right: .3rem;
  font: 0.7rem/1 "";
  margin-left: -0.75rem;
}
.editdata .mui-content .con-biaoqian li {
  padding-left: 2.2rem;
  background: url(../images/biaoqian.png) 0 0.7rem no-repeat;
  background-size: 0.85rem auto;
  border-bottom: 0;
}
.editdata .mui-content .biaoqian-p span.jia {
  color: #ff85bc;
  margin-left: -0.75rem;
  margin-right: .3rem;
}
.editdata .mui-content .con-lick li {
  padding-left: 2.3rem;
  border-bottom: 0;
}
.editdata .mui-content .con-lick span.jia {
  margin-right: .3rem;
}
.editdata .mui-content .con-lick li:nth-of-type(1) {
  background: url(../images/paobu.png) 0 0.7rem no-repeat;
  background-size: 0.85rem auto;
}
.editdata .mui-content .con-lick li:nth-of-type(1) .jia {
  color: #865ff3;
}
.editdata .mui-content .con-lick li:nth-of-type(1) .biaoqian-p a {
  background-color: #865ff3;
  margin-bottom: .35rem;
}
.editdata .mui-content .con-lick li:nth-of-type(2) {
  background: url(../images/yingyue.png) 0 0.7rem no-repeat;
  background-size: 0.85rem auto;
}
.editdata .mui-content .con-lick li:nth-of-type(2) .jia {
  color: #ff3333;
}
.editdata .mui-content .con-lick li:nth-of-type(2) .biaoqian-p a {
  background-color: #ff3333;
}
.editdata .mui-content .con-lick li:nth-of-type(3) {
  background: url(../images/foot.png) 0 0.7rem no-repeat;
  background-size: 0.875rem auto;
}
.editdata .mui-content .con-lick li:nth-of-type(3) .jia {
  color: #d5c32c;
}
.editdata .mui-content .con-lick li:nth-of-type(3) .biaoqian-p a {
  background-color: #d5c32c;
}
.editdata .mui-content .con-lick li:nth-of-type(4) {
  background: url(../images/dianying.png) 0 0.7rem no-repeat;
  background-size: 0.875rem auto;
}
.editdata .mui-content .con-lick li:nth-of-type(4) .jia {
  color: #2e337a;
}
.editdata .mui-content .con-lick li:nth-of-type(4) .biaoqian-p a {
  background-color: #2e337a;
}
.editdata .mui-content .con-lick li:nth-of-type(6) {
  background: url(../images/lvxing.png) 0 0.7rem no-repeat;
  background-size: 0.875rem auto;
}
.editdata .mui-content .con-lick li:nth-of-type(6) .jia {
  color: #3c73ef;
}
.editdata .mui-content .con-lick li:nth-of-type(6) .biaoqian-p a {
  background-color: #3c73ef;
}
.editdata .mui-content .con-lick li:nth-of-type(5) {
  background: url(../images/shu.png) 0 0.7rem no-repeat;
  background-size: 0.875rem auto;
}
.editdata .mui-content .con-lick li:nth-of-type(5) .jia {
  color: #ef813e;
}
.editdata .mui-content .con-lick li:nth-of-type(5) .biaoqian-p a {
  background-color: #ef813e;
}
.editdata .table-view-cell-input {
  background: transparent;
  color: #E6E6E6;
  border: 0;
  margin-top: 2rem ;
  padding: 0 .5rem;
}
.editdata .table-view-cell-input::-webkit-scrollbar {
  display: none;
}
.editdata .table-view-cell-input::-webkit-input-placeholder {
  color: #E6E6E6;
}
.editdata .table-view1 {
  bottom: auto;
  top: 3.2rem;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}
.editdata .table-view2 .table-con,
.editdata .table-view3 .table-con {
  max-height: 24rem;
  overflow-y: scroll;
}
.editdata .table-view2 .title-p,
.editdata .table-view3 .title-p {
  border-bottom: 0!important;
}
.editdata .table-con::-webkit-scrollbar {
  display: none;
}
.editdata .table-view .table-view-cell a.table-view-cell-a {
  padding: 0 .5rem ;
  border-bottom: 0;
  line-height: 2.5;
}
.editdata .table-view .table-view-cell a.table-view-cell-cancel,
.editdata .table-view .table-view-cell a.table-view-cell-affirm {
  padding: 0 .5rem 0 1.5rem;
  font: 0.62rem / 2.5rem "";
}
.editdata .biaoqian-p a {
  display: inline-block;
  background: rgba(255, 133, 188, 0.6);
  color: #fff;
  font: 0.55rem / 1.05rem "";
  padding: 0.1rem 0.6rem 0.2rem 0.6rem;
  margin-right: 0.25rem;
  border-radius: 0.2rem;
  margin-bottom: .35rem;
}
.editdata .add-inf {
  color: #ccc;
}
/*******编辑个人中心**end*/
/*******搜索**start*/
.search header.header-color .mui-icon.mui-pull-left {
  color: #000000;
}
.search .mui-scroll {
  height: 100%;
}
.search .mui-pull-right {
  font: 0.75rem/1.5 "";
  width: 4.5rem;
  text-align: center;
}
.search header .search-seek {
  display: block;
  position: absolute;
  left: 50%;
  height: 2.2rem;
  width: 60%;
  -webkit-transform: translateX(-56%);
  transform: translateX(-56%);
}
.search header .search-seek input {
  display: block;
  position: absolute;
  top: 50%;
  margin: 0;
  margin-top: -0.65rem;
  padding-left: 1.42rem;
  height: 1.3rem;
  font-size: 0.6rem;
  background-color: #ededed;
  color: #666;
  border: none;
  border-radius: 5rem;
}
.search header .search-seek input::-webkit-input-placeholder {
  color: #b2b2b2;
}
.search header .search-icon-seek {
  position: absolute;
  top: 0.75rem;
  margin-left: 0.52rem;
  display: block;
  width: 0.7rem;
  height: 0.7rem;
  background: url(../images/icon_serch2.png) center no-repeat;
  background-size: contain;
}
.search .mui-content {
  background: #fff;
}
.search .mui-content .friends-box {
  position: absolute;
  top: 0.4rem;
  left: .2rem;
  box-sizing: border-box;
  padding: 0 0.25rem;
  width: 100%;
}
.search .mui-content .img-amount {
  float: left;
  display: inline-block;
  padding: 0 0.32rem 0 1.1rem;
  max-width: 80%;
  line-height: 0.85rem;
  font-size: 0.6rem;
  color: #fff;
  background: url(../images/icon_img.png) 0.35rem center no-repeat;
  background-color: rgba(0, 0, 0, 0.4);
  background-size: 0.5rem auto;
  border-radius: 0.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search .mui-content .friends {
  float: left;
  margin-left: 0.2rem;
  width: 0.85rem;
  height: 0.85rem;
  background: url(../images/icon_pyq.png) center no-repeat;
  background-color: rgba(0, 0, 0, 0.4);
  background-size: 0.47rem auto;
  border-radius: 0.25rem;
}
.search .mui-content .recommend {
  background-color: #fff;
  display: block;
  width: 100%;
  overflow: hidden;
}
.search .mui-content .recommend-title {
  padding: 0.4rem 0.75rem 0 0.75rem;
  font: 0.7rem/2.17rem "";
  color: #333;
}
.search .mui-content .recommend-title .sexall,
.search .mui-content .recommend-title .sexman,
.search .mui-content .recommend-title .sexwman {
  background-color: #e6e6e6;
  border-radius: .2rem;
  color: #000;
  padding: 0.2rem 1rem 0.2rem 1rem;
  margin-left: 1rem;
  font: 0.7rem/1.5 "";
}
.search .mui-content .recommend-title a.active {
  color: #fff;
  background-color: #d93b2a;
}
.search .mui-content .recommend-title2 {
  color: #cccccc;
  font: 0.7rem / 2.5rem "";
}
.search .mui-content .recommend-box {
  box-sizing: border-box;
  padding: 0 0.72rem;
}
.search .mui-content .recommend-box a {
  display: block;
  padding: 0 0.65rem;
  margin: 0 0.4rem 0.5rem 0;
  font: 0.7rem/1.6rem "";
  color: #333;
  border-bottom: 1px solid #e6e6e6;
}
.search .mui-content .particulars {
  display: none;
  height: 100%;
}
.search .mui-content .particulars .box {
  height: 100%;
  position: relative;
  overflow: hidden;
}
.search .mui-content .particulars-box {
  position: absolute;
  height: 92%;
  padding: 0.4rem 0.25rem 0 .25rem;
  border-radius: 0.2rem;
  background-image: url(../images/index_bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-bottom: .5rem;
}
.search .mui-content .particulars-box:before {
  z-index: 9;
  position: absolute;
  right: 0;
  top: .5%;
  content: "";
  width: 1.5rem;
  height: 6%;
  background: url(../images/jiao0.png) center no-repeat;
  background-size: 100%;
}
.search .mui-content .particulars-one {
  z-index: 4;
  top: 0;
  left: .5rem;
  width: 17.75rem;
  transition: transform 350ms;
  -webkit-transition: transform 350ms;
}
.search .mui-content .particulars-two {
  top: 2%;
  z-index: 3;
  width: 17.375rem;
  left: .7rem;
}
.search .mui-content .particulars-three {
  top: 3.5%;
  z-index: 2;
  width: 16.3rem;
  left: 1.2rem;
  transition: transform 350ms;
  -webkit-transition: transform 350ms;
  background-image: none;
  box-shadow: 0px 8px 18px 0px rgba(0, 0, 0, 0.16);
  border-radius: .3rem;
}
.search .mui-content .particulars-img {
  width: 100%;
  height: 86%;
  position: relative;
  overflow: hidden;
  border-top-left-radius: .3rem;
  border-top-right-radius: 1.4rem;
}
.search .mui-content .particulars-img .p-img {
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
}
.search .mui-content .particulars-img .p-img.p-imgh {
  width: 100%;
  height: auto;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}
.search .mui-content .particulars-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 0.72rem;
  font: 600 0.9rem/1.95rem "";
  color: #333;
  height: 1.95rem;
}
.search .mui-content .particulars-div {
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.75rem;
  border-radius: 0.15rem;
  float: left;
  padding: 0 .2rem;
}
.search .mui-content .particulars-div i {
  width: 0.5rem;
  height: 0.5rem;
}
.search .mui-content .particulars-div span {
  margin-left: 0.15rem;
  font: 0.55rem/0.85rem "";
  color: #fcfaf8;
}
.search .mui-content .particulars-age {
  background-color: #d93b2a;
}
.search .mui-content .particulars-age i.woman {
  background: url(../images/icon_girl.png) 0 0 no-repeat;
  background-size: contain;
}
.search .mui-content .particulars-age i.man {
  background: url(../images/icon_boy.png) 0 0 no-repeat;
  background-size: contain;
}
.search .mui-content .vip {
  background-color: #f2c238 ;
  padding: 0 .5rem;
  font: 0.55rem/0.85rem "";
  color: #fcfaf8;
}
.search .mui-content .particulars-meili {
  background-color: #db27bb;
}
.search .mui-content .particulars-qianm {
  background-color: #38a1d7;
  border-radius: 10rem;
}
.search .mui-content .particulars-qianm i {
  height: 1rem;
  background: url(../images/yuyin2.png) center no-repeat;
  background-size: 0.425rem auto;
}
.search .mui-content .particulars-text {
  margin-bottom: 0.6rem;
  padding: 0.4rem 0.75rem 0.7rem 0.75rem;
  font: 0.7rem/1.5 "";
  color: #666;
}
/*******搜索**end*/
/*******首页**start*/
.index {
  /*******消息**start*/
  /*******消息**end*/
  /*******个人中心**start*/
  /*******个人中心**end*/
}
.index .mui-pull-left {
  font-weight: 600;
}
.index .voice-editdata {
  height: 1.05rem;
  line-height: 1.05rem;
}
.index .con-voice-img {
  float: left;
  display: none;
  height: 1.05rem;
}
.index .mui-popup {
  z-index: 999999;
}
.index .popover {
  background-color: rgba(0, 0, 0, 0.5);
}
.index .search {
  z-index: 9;
  position: fixed;
  right: .5rem;
  bottom: 1rem;
  width: 3.725rem;
  height: 3.625rem;
  background-repeat: no-repeat;
  background-position: 0;
  background-size: contain;
  background-image: url(../images/icon_serchs0.png);
}
.index .search.active {
  background-image: url(../images/icon_serchs.png);
}
.index header .mui-icon-bars:before {
  padding-left: 0.25rem;
}
.index header .mui-icon-bars {
  margin-top: 0.07rem;
  font-size: 1.1rem;
  position: relative;
}
.index header .mui-icon-bars i {
  width: .3rem;
  height: .3rem;
  background-color: #d93b2a;
  position: absolute;
  top: .5rem;
  right: .1rem;
  border-radius: 50%;
}
.index header .mui-pull-right {
  margin: 0 0.25rem;
  width: 1.1rem;
  height: 100%;
  background: url(../images/icon_inf.png) center no-repeat;
  background-size: 1.1rem auto;
  position: relative;
}
.index header .mui-pull-right i {
  width: .3rem;
  height: .3rem;
  background-color: #d93b2a;
  position: absolute;
  top: .4rem;
  right: -0.3rem;
  border-radius: 50%;
}
.index .mui-content {
  position: relative;
  background: #fff;
  overflow: hidden;
}
.index .mui-content .index-box {
  width: 100%;
  height: 100%;
  position: relative;
}
.index .mui-content .box {
  position: absolute;
  height: 93%;
  padding: 2%;
  border-radius: 0.2rem;
  background-image: url(../images/index_bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-bottom: .5rem;
}
.index .mui-content .box:before {
  z-index: 9;
  position: absolute;
  right: 0;
  top: .5%;
  content: "";
  width: 1.5rem;
  height: 6%;
  background: url(../images/jiao2.png) center no-repeat;
  background-size: 100%;
}
.index .mui-content .box-one {
  z-index: 4;
  top: 0rem;
  width: 17.75rem ;
  left: .5rem;
  -webkit-transition: transform 350ms;
  transition: transform 350ms;
}
.index .mui-content .box-two {
  z-index: 3;
  top: 2%;
  width: 17.35rem ;
  left: .7rem;
}
.index .mui-content .box-three {
  z-index: 2;
  top: 4.8%;
  width: 16.3rem;
  left: 1.2rem;
  padding: 0;
  height: 92%;
  transition: transform 350ms;
  -webkit-transition: transform 350ms;
  border: solid 1px #e6e6e6;
  background-image: none;
  box-shadow: 0px 8px 18px 0px rgba(0, 0, 0, 0.16);
  border-radius: 0.3rem;
}
.index .mui-content .box-three a.mp-user {
  display: none!important;
}
.index .mui-content .box a.mp-user {
  float: left;
  margin-top: 2.83%;
  margin-left: 2.63%;
  display: block;
  width: 46.18%;
  height: 31.5%;
  background-color: #f5f5f5;
  overflow: hidden;
}
.index .mui-content .box-img {
  position: relative;
  width: 100%;
  height: 75%;
  overflow: hidden;
}
.index .mui-content .box-img img {
  display: block;
  float: left;
  position: absolute;
  min-height: 100%;
  width: 100%;
  left: 0;
}
.index .mui-content .friends-box {
  position: absolute;
  top: 0.25rem;
  left: 0;
  box-sizing: border-box;
  padding: 0 0.25rem;
  width: 100%;
}
.index .mui-content .img-amount {
  float: left;
  display: inline-block;
  padding: 0 0.32rem 0 1.1rem;
  max-width: 80%;
  line-height: 0.85rem;
  font-size: 0.6rem;
  color: #fff;
  background: url(../images/icon_img.png) 0.35rem center no-repeat;
  background-color: rgba(0, 0, 0, 0.4);
  background-size: 0.5rem auto;
  border-radius: 0.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index .mui-content .friends {
  float: left;
  margin-left: 0.2rem;
  width: 0.85rem;
  height: 0.85rem;
  background: url(../images/icon_pyq.png) center no-repeat;
  background-color: rgba(0, 0, 0, 0.4);
  background-size: 0.47rem auto;
  border-radius: 0.25rem;
}
.index .mui-content .vip {
  margin-top: 0.32rem;
  padding: 0 0.3rem 0 0.3rem;
  float: left;
  font-size: 0.35rem;
  color: #fcfaf8;
  line-height: 0.55rem;
  border-radius: 0.1rem;
  margin-left: .2rem;
  background-color: #f2c238 ;
}
.index .mui-content .box-text {
  box-sizing: border-box;
  text-align: center;
  width: 100%;
}
.index .mui-content .text-title {
  height: 1rem;
  padding: .35rem 0.5rem 0 0.5rem;
  text-align: start;
  float: left;
  width: 100%;
  line-height: 1;
  font-size: 0.6rem;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index .mui-content .box-text .age,
.index .mui-content .sexs,
.index .mui-content .voice {
  margin-top: 0.32rem;
  padding: 0 0.15rem 0 0.55rem;
  float: left;
  font-size: 0.35rem;
  color: #fcfaf8;
  line-height: 0.55rem;
  border-radius: 0.1rem;
  margin-left: .2rem;
}
.index .mui-content .sexs {
  background-color: #db26bb;
  padding: 0 0.15rem 0 0.15rem;
}
.index .mui-content .voice {
  background: url(../images/yuyin2.png) 0.2rem center no-repeat #38a1d7;
  background-size: auto 0.37rem ;
  border-radius: 10rem;
}
.index .mui-content .box-text .woman {
  background: url(../images/icon_girl.png) 0.15rem center no-repeat;
  background-size: 0.3rem auto;
  background-color: #d93b2a;
}
.index .mui-content .box-text .man {
  background: url(../images/icon_boy.png) 0.15rem center no-repeat;
  background-size: 0.3rem auto;
  background-color: #d93b2a;
}
.index .message1 {
  right: 0;
}
.index .message {
  display: none;
  position: fixed;
  right: -80%;
  -webkit-transition: right 200ms;
  transition: right 200ms ;
  top: 0;
  z-index: 9999;
  width: 80%;
  height: 100%;
  background: #fff;
}
.index .message .delect {
  position: absolute;
  top: 0;
  right: -3.5rem;
  width: 3rem;
  height: 100%;
  background: url(../images/icon_delete2.png) center no-repeat;
  background-size: 0.65rem auto;
}
.index .message .tab a i {
  display: none;
}
.index .message .message-header {
  width: 100%;
  height: 2.2rem;
  font: 600 0.9rem/2.2rem "";
  text-align: center;
  color: #333;
}
.index .message .friends {
  margin: 0.75rem 0 1rem 0;
  box-sizing: border-box;
  padding: 0 0.7rem;
  width: 100%;
  height: 2.5rem;
}
.index .message .friends-box {
  height: 100%;
  background: url(../images/icon_pyq.png) 0.77rem 50% no-repeat;
  background-size: 1.27rem auto;
  background-color: #999;
  border-radius: 0.25rem;
}
.index .message .friends-box span {
  float: left;
  padding-left: 2.65rem;
  font: 0.8rem/2.5rem "";
  color: #fff;
}
.index .message .friends-img {
  position: relative;
  float: right;
  margin-top: 0.45rem;
  margin-right: 0.67rem;
  width: 1.57rem;
  height: 1.57rem;
}
.index .message .friends-img img {
  display: block;
  float: left;
  width: 1.57rem;
  height: 1.57rem;
  border-radius: 50%;
}
.index .message .circle {
  position: absolute;
  right: -0.2rem;
  top: 0;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #f24130;
  border-radius: 50%;
}
.index .message .message-back {
  display: block;
  background: url(../images/icon_back0.png) right center no-repeat;
  background-size: 0.4rem auto;
  width: 2.5rem;
  height: 2.5rem;
  float: right;
  margin-right: .5rem;
}
.index .message .tab-box {
  box-sizing: border-box;
  padding: 0 0.5rem;
}
.index .message .tab-box .mui-scroll-wrapper:last-of-type {
  display: none;
}
.index .message .tab {
  overflow: hidden;
}
.index .message .tab a {
  box-sizing: border-box;
  float: left;
  display: block;
  width: 50%;
  height: 1.4rem;
  font: 0.7rem/1.4rem "微软雅黑";
  text-align: center;
  color: #999;
}
.index .message .tab a span {
  position: relative;
}
.index .message .friends-box span {
  position: relative;
}
.index .message .tab a i,
.index .message .friends-box-i {
  position: absolute;
  top: 0.05rem;
  right: -0.5rem;
  width: 0.3rem;
  height: 0.3rem;
  background-color: #f24130;
  border-radius: 50%;
}
.index .message .friends-box-i {
  top: .6rem;
  right: -0.5rem;
}
.index .message .tab .pitch {
  height: 1.37rem;
  color: #f24130;
  border-bottom: solid 0.07rem #f24130;
}
.index .message .mui-scroll-wrapper {
  margin-top: 7.82rem;
}
.index .message .box {
  box-sizing: border-box;
  padding: 0 0.5rem;
  margin-top: 0.45rem;
}
.index .message .box li {
  position: relative;
  left: 0;
  display: -webkit-flex;
  align-items: center;
  width: 100%;
  height: 3.55rem;
  transition: left 350ms ;
  -webkit-transition: left 350ms ;
  border-bottom: solid 1px #e6e6e6;
}
.index .message .box .tab-img img {
  display: block;
  float: left;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
}
.index .message .box .tab-img {
  position: relative;
}
.index .message .box .tab-img span {
  position: absolute;
  display: block;
  top: 0;
  right: -0.1rem;
  width: 0.75rem;
  font: 0.45rem/0.75rem "";
  color: #fff;
  text-align: center;
  border-radius: 50%;
  background-color: #f24130;
}
.index .message .box-text {
  width: 100%;
  padding-left: 0.75rem;
}
.index .message .box-text .chat-list {
  height: 1.3rem;
  overflow: hidden;
}
.index .message .box-text .text-title {
  width: 50%;
  font-size: 0.75rem;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1rem;
}
.index .message .box-text p {
  width: 65%;
  font-size: 0.6rem;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: .3rem;
}
.index .message .box-text p .face-bq {
  width: 1rem;
  height: auto;
  margin: 0 .2rem;
  vertical-align: bottom;
}
.index .message .time {
  position: absolute;
  top: 50%;
  margin-top: -0.4rem;
  right: 0;
  font-size: 0.6rem;
  color: #999;
}
.index .mycenter {
  display: none;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: -80%;
  -webkit-transition: left 200ms ;
  transition: left 200ms ;
  width: 80%;
  height: 100%;
  background: #fff;
}
.index .mycenter .mycenter-header {
  height: 10.8rem;
  background: url(../images/grzx-bg.png) 0 0 no-repeat;
  background-size: 100% auto;
}
.index .mycenter .mycenter-header .signin {
  box-sizing: border-box;
  padding: 0 0.75rem;
  width: 100%;
  height: 2.2rem;
}
.index .mycenter .mycenter-header .signin .yp {
  float: left;
  line-height: 2.2rem;
  font-size: 0.7rem;
  color: #eee;
}
.index .mycenter .mycenter-header .signin a {
  float: right;
  width: 3rem;
  line-height: 2.2rem;
  font-size: 0.7rem;
  color: #eee;
  text-align: right;
  background: url(../images/icon_my_kb.png) left 0.6rem no-repeat;
  background-size: 0.9rem auto;
}
.index .mycenter .mycenter-header .header-box {
  box-sizing: border-box;
  padding: 0 0.75rem;
  height: 6.6rem;
  text-align: center;
}
.index .mycenter .mycenter-header .userimg {
  width: 3.37rem;
  height: 3.37rem;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid #fff;
  margin: 0  auto;
}
.index .mycenter .mycenter-header .userimg img {
  display: block;
  float: left;
  width: 100%;
  min-height: 100%;
}
.index .mycenter .mycenter-header .userimg img[src=''] {
  opacity: 0;
}
.index .mycenter .mycenter-header .user-text {
  width: 100%;
}
.index .mycenter .mycenter-header .user-title {
  width: 100%;
  margin-top: .2rem;
  font: 0.8rem / 1rem "";
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index .mycenter .mycenter-header .user-message {
  width: 100%;
  text-align: center;
  font: 600 0.45rem/2 "";
  background: linear-gradient(to top, #b56a24, #fedd57);
  background: -webkit-gradient(to top, #b56a24, #fedd57);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.index .mycenter .mycenter-header .user-message i.st {
  padding-left: .5rem;
}
.index .mycenter .mycenter-header .grade {
  max-width: 48%;
  font-size: 0;
  text-align: center;
  color: #fcfaf8;
  background-color: #e74e9d;
  border-radius: 0.15rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 .2rem;
}
.index .mycenter .mycenter-header .user-p {
  font: 0.55rem/0.85rem "";
}
.index .mycenter .mycenter-header .articlecharm {
  display: inline-block;
  width: 60%;
  height: 0.5rem;
  border-radius: 10rem;
  vertical-align: middle;
  overflow: hidden;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.41);
  border: solid 1px rgba(102, 102, 102, 0.5);
}
.index .mycenter .mycenter-header .articlecharm-em {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/articlecharm-em.jpg) 0 0;
}
.index .mycenter .mycenter-header .user-text-sis {
  font: 600 0.45rem/1.5 "";
}
.index .mycenter .mycenter-header .gradient-text1 {
  height: .8rem;
  font: 600 0.5rem / 1rem "";
}
.index .mycenter .mycenter-header .love-sis {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url(../images/love-sis.png) center no-repeat;
  background-size: 0.6rem auto;
  vertical-align: middle;
}
.index .mycenter .gradient {
  display: inline-block;
  font-size: 60px;
  background: linear-gradient(to top, #b56a24, #fedd57);
  background: -webkit-gradient(to top, #b56a24, #fedd57);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.index .mycenter .content .mui-scroll-wrapper {
  margin-top: 14.2rem;
}
.index .mycenter .content .content-top {
  display: -webkit-flex;
  align-items: center;
  height: 3.4rem;
  border-bottom: solid 0.5rem #f5f5f5;
}
.index .mycenter .content .content-top a {
  width: 50%;
  height: 2rem;
}
.index .mycenter .content .content-top a:last-child {
  border-left: solid 1px #ccc;
}
.index .mycenter .content .content-top a span {
  display: block;
  width: 100%;
  font-size: 0.7rem;
  text-align: center;
  color: #d93b2a;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index .mycenter .content .content-top a p {
  font-size: 0.6rem;
  text-align: center;
}
.index .mycenter .content .matter {
  width: 100%;
  border-bottom: solid 0.5rem #f5f5f5;
  overflow: hidden;
}
.index .mycenter .content .matter:last-child {
  border-bottom: 0;
}
.index .mycenter .content .matter a {
  float: left;
  padding: 0.75rem 0.75rem  0.75rem 2.17rem;
  width: 100%;
  font: 0.7rem/1 "";
  color: #333;
}
.index .mycenter .content .matter a span {
  float: right;
  color: #d93b2a;
}
.index .mycenter .content .voice {
  background: url(../images/icon_my_03.png) 0.8rem 0.8rem no-repeat;
  background-size: .9rem auto;
}
.index .mycenter .content .voice .voice-em {
  float: left;
  display: block;
  width: 6.9rem;
  height: 1.05rem;
  background: url(../images/yuyin2.png) 0.5rem center #cccccc no-repeat;
  background-size: 0.5rem auto;
  border-radius: 21px;
  color: #fff;
  font: 0.6rem/1rem "";
  padding-left: 1.2rem;
}
.index .mycenter .content .myfans {
  background: url(../images/myfans.png) 0.75rem 0.6rem no-repeat;
  background-size: .9rem auto;
}
.index .mycenter .content .myattention {
  background: url(../images/myattention.png) 0.8rem 0.6rem no-repeat;
  background-size: .8rem auto;
}
.index .mycenter .content .member {
  background: url(../images/icon_my_06.png) 0.7rem 0.5rem no-repeat;
  background-size: 1.05rem auto;
}
.index .mycenter .content .approve {
  background: url(../images/icon_rz.png) 0.8rem 0.75rem no-repeat;
  background-size: 0.9rem auto;
}
.index .mycenter .content .engagement-approve {
  background: url(../images/icon_yhrz.png) 0.8rem 0.58rem no-repeat;
  background-size: 0.9rem auto;
}
.index .mycenter .content .engagement {
  background: url(../images/icon_my_01.png) 0.7rem 0.6rem no-repeat;
  background-size: 1rem auto;
}
.index .mycenter .content .myprop {
  background: url(../images/myporp.png) 0.8rem 0.6rem no-repeat;
  background-size: .9rem auto;
}
.index .mycenter .content .mytask {
  background: url(../images/mytask.png) 0.87rem 0.6rem no-repeat;
  background-size: .8rem auto;
}
.index .mycenter .content .application {
  background: url(../images/icon_my_07.png) 0.7rem 0.6rem no-repeat;
  background-size: 0.95rem auto;
}
.index .mycenter .content .administer {
  background: url(../images/icon_my_04.png) 0.7rem 0.6rem no-repeat;
  background-size: 1.05rem auto;
}
.index .mycenter .content .convertcdk {
  background: url(../images/convertcdk.png) 0.8rem 0.6rem no-repeat;
  background-size: .9rem auto;
}
.index .mycenter .content .convert {
  background: url(../images/convert.png) 0.8rem 0.8rem no-repeat;
  background-size: .9rem auto;
}
.index .mycenter .content .invite {
  background: url(../images/invite.png) 0.8rem 0.7rem no-repeat;
  background-size: .8rem auto;
}
.index .mycenter .content .safety {
  background: url(../images/safety.png) 0.85rem 0.6rem no-repeat;
  background-size: .8rem auto;
}
.index .mycenter .content .area,
.index .mycenter .content .mymanager,
.index .mycenter .content .myfrands {
  background: url(../images/icon_my_05.png) 0.7rem 0.55rem no-repeat;
  background-size: 1.05rem auto;
}
.index .mycenter .content .myfrands,
.index .mycenter .content .myfans,
.index .mycenter .content .engagement,
.index .mycenter .content .myattention,
.index .mycenter .content .area,
.index .mycenter .content .administer {
  position: relative;
}
.index .mycenter .content .myfrands i,
.index .mycenter .content .myfans i,
.index .mycenter .content .engagement i,
.index .mycenter .content .myattention i {
  width: .3rem;
  height: .3rem;
  background-color: #d93b2a;
  position: absolute;
  top: .5rem;
  left: 5.1rem;
  border-radius: 50%;
}
.index .mycenter .content .administer i,
.index .mycenter .content .area i {
  width: .3rem;
  height: .3rem;
  background-color: #d93b2a;
  position: absolute;
  top: .5rem;
  left: 5.8rem;
  border-radius: 50%;
}
.index .mycenter .content .shield {
  background: url(../images/icon_my_02.png) 0.7rem 0.55rem no-repeat;
  background-size: 1.05rem auto;
}
.index .mycenter .content .matter-footer {
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center;
  float: left;
  border-top: solid 1px #e6e6e6;
}
.index .mycenter .content .matter .exit,
.index .mycenter .content .matter .set {
  padding: 0 1.25rem;
  width: auto;
  line-height: 2.25rem;
}
.index .mycenter .content .exit {
  background: url(../images/icon_back.png) 0 center no-repeat;
  background-size: 1.05rem auto;
}
.index .mycenter .content .set {
  background: url(../images/icon_set.png) 0 center no-repeat;
  background-size: 0.8rem auto;
}
.index .share-box {
  display: none;
  z-index: 100002;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -7.25rem;
  margin-top: -11.05rem;
  width: 14.5rem;
  height: 22.125rem;
  border-radius: .3rem;
  background-color: #fff;
}
.index .share-delect {
  position: absolute;
  top: -1.2rem;
  right: -1.2rem;
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  background: url(../images/sharedelate.png) center no-repeat;
  background-size: 1.35rem auto;
}
.index .popover2 {
  z-index: 100001;
}
.index .share-logo {
  height: 2.7rem;
  width: 2.7rem;
  background: url(../images/sharelogo.png) 0.5rem center no-repeat rgba(255, 255, 255, 0.2);
  background-size: 1.9rem auto;
}
.index .share-img {
  width: 100%;
  height: 15rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-top-left-radius: .3rem ;
  border-top-right-radius: .3rem ;
}
.index .user-img {
  position: absolute;
  right: .5rem;
  top: -0.3rem;
  width: 4rem;
  height: 4rem;
}
.index .user-img .user-imgs {
  width: 100%;
  height: 100%;
}
.index .share-text {
  position: relative;
  margin-top: .5rem;
  padding: 0 .75rem;
  width: 100%;
}
.index .lable {
  margin-top: .6rem;
  height: 1.5rem;
  background: url(../images/shear_text.png) center left no-repeat;
  background-size: contain;
}
.index .share-a {
  display: block;
  width: 5.75rem;
  height: 1.55rem;
  text-align: center;
  font: 0.7rem / 1.55rem "";
  margin: .3rem auto 0 auto;
  background-color: #f24130;
  border-radius: 5rem;
  box-shadow: -5px 8px 20px 0px rgba(0, 0, 0, 0.3);
  color: #fff;
}
.index .share-name,
.index .share-id {
  font: 0.55rem/1.6 "";
  color: #333;
  height: 1rem;
}
.index .share-link {
  z-index: 100005;
  position: fixed;
  bottom: -5.2rem;
  left: 0;
  height: 5.125rem;
  width: 100%;
  background: #fff;
  text-align: center;
  font-size: 0;
  transition: bottom 300ms ease-out;
  -webkit-transition: bottom 300ms ease-out;
}
.index .share-link .xian {
  display: inline-block;
  height: 2.5rem;
  width: 1px;
  background-color: #ccc;
}
.index .share-link .wechat,
.index .share-link .Circle {
  display: inline-block;
  width: 45%;
  padding-top: 3rem;
  font: 0.75rem / 1.5 "";
  color: #333;
}
.index .share-link .wechat {
  background: url(../images/icon_wx2.png) center no-repeat;
  background-size: 2rem auto;
}
.index .share-link .Circle {
  background: url(../images/icon_pyq2.png) center no-repeat;
  background-size: 1.625rem auto;
}
.index .poimit-table1 {
  z-index: 999999;
  display: none;
  position: fixed;
  top: 50%;
  left: 10%;
  width: 80%;
  height: 22.2rem;
  background-color: rgba(0, 0, 0, 0.9);
  box-shadow: 0px 10px 26px 0px rgba(0, 0, 0, 0.38);
  border-radius: 0.5rem;
  opacity: .8;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}
.index .promit {
  z-index: 999998;
}
.index .table-title {
  margin: 0 5%;
  text-align: center;
  font: 0.8rem / 2.6rem "";
  color: #fff;
  border-bottom: 1px solid #8f8f8f;
}
.index .table-text {
  padding: 0.95rem 5%;
  height: 19rem;
  overflow: hidden;
  overflow-y: scroll;
}
.index .table-text p {
  font: 0.7rem / 2 "";
  color: #fff;
}
/*******首页**end*/
/*******签到**start*/
.signin .mui-content {
  background-color: #fff;
}
.signin .mui-slider {
  height: 5.5rem;
  overflow: hidden;
}
.signin .title,
.signin .title2 {
  color: #333;
  font: 0.8rem/2rem "";
  padding-left: 2.075rem;
  background: url(../images/gif-red.png) 0.75rem center no-repeat;
  background-size: 0.85rem auto;
}
.signin .title2 {
  background: url(../images/guize-red.png) 0.75rem center no-repeat;
  background-size: 0.85rem auto;
}
.signin .title-p {
  padding-left: 1.58rem;
  font: 0.7rem / 2rem "";
  color: #808080;
}
.signin .signin-box {
  display: -webkit-flex;
  justify-content: center;
  margin-top: 0.5rem;
  margin-bottom: 1.25rem;
}
.signin .signin-a {
  display: block;
  width: 2.25rem;
  height: 2.5rem;
  background-color: #ccc;
  border-radius: 0.5rem;
  margin: 0 0.125rem;
  color: #fff;
  text-align: center;
  font-size: 0;
}
.signin .signin-a span {
  display: inline-block;
  font: 0.65rem / 1.5 "";
  padding-top: 0.3rem;
}
.signin .signin-a em {
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  width: 80%;
  margin-left: 10%;
  height: 1.25rem;
  font: 0.5rem / 1.2 "";
  vertical-align: middle;
}
.signin .signin-a.active {
  background-color: #d93b2a;
}
.signin .signintext {
  width: 84%;
  margin-left: 8%;
}
.signin .signintext p {
  font: 0.7rem / 2.2 "";
  color: #808080;
}
/*******签到**end*/
/*******魅力等级**start*/
.grade .main {
  margin-bottom: 2.5rem;
}
.grade header.mui-bar {
  background-color: #fff;
}
.grade .mui-content {
  background-color: #fff;
}
.grade .grade-banner {
  width: 100%;
  height: 8.68rem;
  background: url(../images/geade_banner.jpg) 0 0;
  background-size: 100%;
  text-align: center;
}
.grade .logo {
  position: relative;
  width: 100%;
  text-align: center;
}
.grade .logo img {
  width: 6.45rem;
  height: 3.025rem;
  margin-top: 1.75rem;
}
.grade .logo .gradu_text {
  position: absolute;
  right: 50%;
  width: 1rem;
  text-align: center;
  bottom: .2rem;
  font: 600 0.7rem/1.5 "";
}
.grade .gradient {
  display: inline-block;
  font-size: 60px;
  background: linear-gradient(to top, #b56a24, #fedd57);
  background: -webkit-gradient(to top, #b56a24, #fedd57);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.grade .gradient-text1,
.grade .gradient-text2 {
  height: .8rem;
  font: 600 0.5rem / 1rem "";
}
.grade .love-sis {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url(../images/love-sis.png) center no-repeat;
  background-size: 0.6rem auto;
  vertical-align: middle;
}
.grade .articlecharm {
  display: inline-block;
  width: 60%;
  height: 0.5rem;
  border-radius: 10rem;
  vertical-align: middle;
  overflow: hidden;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.41);
  border: solid 1px rgba(102, 102, 102, 0.5);
}
.grade .articlecharm-em {
  display: block;
  height: 100%;
  background: url(../images/articlecharm-em.jpg) 0 0;
}
.grade .user-text-sis {
  font: 600 0.45rem/1.5 "";
}
.grade .title {
  color: #333;
  font: 0.8rem/2rem "";
  padding-left: 2.075rem;
  background: url(../images/icon_wenhao.png) 0.75rem center no-repeat;
  background-size: 0.85rem auto;
  margin-top: 0.5rem;
}
.grade .zjml,
.grade .kcml {
  padding-top: .5rem;
  margin: 0 8%;
  color: #333;
  font: 0.75rem/2 "";
}
.grade .zjml-text,
.grade .kcml-text {
  margin: 0 8%;
  color: #808080;
  font: 0.7rem/2 "";
}
.grade .user-p {
  width: 84%;
  margin-left: 8%;
}
/*******魅力等级**end*/
/*******临时账户**start*/
.notecase2 .a-link {
  width: 100%;
  height: 3rem;
  margin: 0.75rem 0;
}
.notecase2 .link-left,
.notecase2 .link-right {
  float: left;
  width: 50%;
  text-align: center;
}
.notecase2 .link-left {
  border-right: 1px solid #ccc;
}
.notecase2 .link-left .link-left-span {
  color: #666;
  font: 0.8rem/1 "";
}
.notecase2 .link-left .rou {
  display: block;
  margin: .7rem auto 0 auto;
  width: 3rem;
  background-color: #4c93ec;
  font: 0.5rem / 0.8rem "";
  border-radius: 0.15rem;
  color: #fff;
}
.notecase2 .link-right .link-left-money {
  font: 0.9rem / 1 "";
  color: #d93b2a;
  margin-top: -0.2rem;
}
.notecase2 .link-right .link-left-p {
  font: 0.6rem / 1 "";
  color: #666666;
  margin-top: 0.25rem;
}
.notecase2 .link-right .right-al {
  width: 100%;
  text-align: center;
}
.notecase2 .link-right .convert,
.notecase2 .link-right .deposit {
  display: inline-block;
  width: 3rem;
  font: 0.5rem/0.9rem "";
  margin: 0 0.25rem;
  color: #fff;
  border-radius: 0.15rem;
  background-color: #e75d4e;
}
.notecase2 .notecase .mui-content .mui-scroll-wrapper {
  padding-top: 18rem;
}
.notecase2 .notecase-balance {
  height: 11rem;
}
.notecase2 .poimit-table1 {
  z-index: 999999;
  display: none;
  position: fixed;
  top: 50%;
  left: 10%;
  width: 80%;
  height: 22.2rem;
  background-color: rgba(0, 0, 0, 0.9);
  box-shadow: 0px 10px 26px 0px rgba(0, 0, 0, 0.38);
  border-radius: 0.5rem;
  opacity: .8;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}
.notecase2 .promit {
  z-index: 999998;
}
.notecase2 .table-title {
  margin: 0 5%;
  text-align: center;
  font: 0.8rem / 2.6rem "";
  color: #fff;
  border-bottom: 1px solid #8f8f8f;
}
.notecase2 .table-text {
  margin: 0.95rem 5%;
  height: 18.1rem;
  overflow: hidden;
  overflow-y: scroll;
}
.notecase2 .table-text p {
  font: 0.7rem / 2 "";
  color: #fff;
}
/*******临时账户**end*/
/*******兑换换币**start*/
.convert header.header-color {
  background-color: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.convert .mui-content {
  background-color: #fff;
}
.convert .rdntn {
  margin-top: 8.75rem;
  width: 80%;
  margin-left: 10%;
  height: 2rem;
  font-size: 0.9rem;
}
.convert .useragrre {
  margin-top: 1.5rem;
  text-align: center;
  font: 0.6rem / 1.5 "";
}
.convert .useragrre .useragrre-p {
  color: #999;
}
.convert .useragrre .useragrre-a {
  color: #00aaff;
}
.convert .useragrre .useragrre-em {
  display: inline-block;
  width: 0.65rem;
  height: 0.65rem;
  background: url(../images/fangkuang.png) 0 0 no-repeat;
  background-size: .65rem;
  margin: .05rem .3rem .1rem .3rem;
  vertical-align: middle ;
}
.convert .useragrre.active .useragrre-em {
  background: url(../images/fangkuang2.png) 0 0 no-repeat;
  background-size: .65rem;
}
.convert em.money {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  background: url(../images/icon_jb.png) center no-repeat;
  background-size: 2rem auto;
  vertical-align: middle;
}
.convert .notecase-box {
  border-top: 0.55rem solid #F5F5F5;
}
.convert .notecase-balance {
  width: 100%;
  background-color: #fff;
  color: #d93b2a;
  padding-top: 1rem;
  position: relative;
  z-index: 10;
}
.convert .notecase-balance .balance-title {
  text-align: center;
  font-size: 0.7rem;
  line-height: 0.7rem;
  color: #333;
}
.convert .notecase-balance .balance-num {
  height: 4.55rem;
  margin: 0.5rem 1rem 0 1rem;
  overflow: hidden;
  background: url(../images/balance-num-bg.png) center center no-repeat;
  background-size: contain;
  padding-top: 1rem;
  text-align: end;
}
.convert .notecase-balance .balance-num .balance {
  background: transparent;
  display: inline-block;
  border: 0;
  height: 2rem;
  flex: 1;
  -webkit-flex: 1;
  margin-left: 0.25rem;
  font-size: 0.8rem;
  line-height: 2rem;
  width: 65%;
}
.convert .notecase-balance .balance-num .balance::-webkit-input-placeholder {
  color: #ccc;
  font-size: 0.8rem;
}
.convert .notecase-balance .btns-recharge-withdraw {
  margin-top: 0.75rem;
  border-top: 1px solid #ccc;
  overflow: hidden;
  padding: 0.6rem 0;
  text-align: center;
}
.convert .notecase-balance .btns-recharge-withdraw a {
  color: #333;
  font-size: 0.8rem;
  padding: 0.4rem 0;
}
.convert .notecase-balance .notecase-text {
  width: 100%;
  text-align: center;
  color: #666;
  font: 0.6rem / 1.9rem "";
  border-bottom: 1px solid #ccc;
}
.convert .notecase-balance .link-money {
  border-bottom: 1px solid #F5F5F5;
}
.convert .notecase-balance .link-money,
.convert .notecase-balance .link-xun {
  position: relative;
  font: 0.7rem / 2.2rem "";
  height: 2.2rem;
  padding: 0 .75rem;
}
.convert .notecase-balance .link-money em,
.convert .notecase-balance .link-xun em {
  position: absolute;
  right: 0.75rem;
  top: 0;
  padding-right: 1rem;
}
.convert .notecase-balance .link-money em {
  background: url(../images/icon_jb.png) right 0 center no-repeat;
  background-size: 0.75rem auto;
}
.convert .notecase-balance .link-xun em {
  background: url(../images/icon_xun.png) right 0 center no-repeat;
  background-size: 0.75rem auto;
}
/*******兑换换币**end*/
/*******新的朋友**start*/
.newfriend .fold {
  display: block;
}
.newfriend .agree,
.newfriend .disagree,
.newfriend .look,
.newfriend .untieagree {
  display: inline-block;
  width: 2.82rem;
  margin-top: .4rem;
  color: #d93b2a;
  text-align: center;
  font-size: 0.7rem;
  line-height: 1rem;
  border: solid 1px #d93b2a;
  border-radius: 0.15rem;
}
.newfriend .disagree {
  color: #999;
  border: solid 1px #999;
}
.newfriend .text {
  position: absolute;
  top: 0;
  right: 0.75rem;
  width: 20%;
  text-align: end;
}
.newfriend .text p {
  font: 0.6rem / 3.5rem "";
  color: #999;
}
.newfriend .box {
  padding-left: .5rem;
}
/*******新的朋友**end*/
/*******兑换商品**start*/
.redemption .mui-content .mf-table-view-cell {
  position: relative;
  display: block;
  padding: .55rem 0.75rem;
  height: auto;
}
.redemption .delete {
  position: absolute;
  right: 0;
  top: 25%;
  display: block;
  width: 2.375rem;
  height: 50%;
  background: url(../images/icon_delete.png) center no-repeat;
  background-size: 0.875rem auto;
}
.redemption .redemption-h3,
.redemption .redemption-h4 {
  font: 0.7rem/1.2rem "";
  color: #333;
  padding-right: 1.5rem;
  overflow: hidden;
}
.redemption .redemption-h5 {
  padding-right: 0;
}
.redemption .ads {
  display: block;
  float: right;
  color: #f00;
  border: 1px solid #f00;
  border-radius: .3rem;
  font: 0.7rem/1.2rem;
  padding: 0 .2rem;
}
.redemption .add .delete {
  margin-top: -0.7rem;
}
/*******兑换商品**end*/
/*******任务中心**start*/
.taskcenter .mui-content {
  background-color: #fff;
}
.taskcenter header.mui-bar {
  background-color: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.taskcenter .receive-box {
  width: 100%;
  border-bottom: 0.5rem solid #F5F5F5;
}
.taskcenter .receive-box .title {
  font: 0.9rem / 1.5 "";
  color: #333;
  margin: 0.75rem;
}
.taskcenter .content li {
  position: relative;
  display: -webkit-flex;
  width: 100%;
  height: 3.5rem;
  border-bottom: 1px solid #E6E6E6;
}
.taskcenter .content li .img {
  width: 3.5rem;
  height: 100%;
}
.taskcenter .content li .img img {
  width: 2rem;
  height: auto;
  margin: 0.75rem;
}
.taskcenter .content li .text {
  flex: 1;
  -webkit-flex: 1;
  padding: 0.75rem 0;
}
.taskcenter .content li .text-p1 {
  font: 0.7rem / 1rem "";
  color: #333;
}
.taskcenter .content li .text-p2 {
  font: 0.5rem / 1rem "";
  color: #666;
}
.taskcenter .content li:last-child {
  border-bottom: 0;
}
.taskcenter .content .status {
  position: absolute;
  right: 0;
  top: 0;
  margin: 1.25rem 1.075rem;
  width: 3.25rem;
  height: 1.05rem;
  text-align: center;
  background-image: linear-gradient(-31deg, #e3857c 0%, #e87a6f 43%, #ed6f62 100%), linear-gradient(#edd862, #edd862);
  border-radius: 10rem;
  font: 0.5rem/1rem "";
  color: #fff;
}
.taskcenter .content .finish.status {
  background-image: linear-gradient(-31deg, #e9d043 0%, #ecc340 57%, #eeb53c 100%), linear-gradient(#edd862, #edd862);
}
/*******任务中心**end*/
/*******安全中心**start*/
.securitycenter .mui-content {
  background-color: #fff;
}
.securitycenter header.mui-bar {
  background-color: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.securitycenter ul {
  border-bottom: 0.5rem solid #F5F5F5;
}
.securitycenter ul li {
  height: 2.17rem;
  margin: 0 .75rem;
  border-bottom: 1px solid #E6E6E6;
  position: relative;
  font: 0.7rem / 2.17rem "";
  color: #333;
}
.securitycenter li:last-child {
  border-bottom: 0;
}
.securitycenter ul:last-child {
  border-bottom: 0;
}
.securitycenter ul:last-child li:last-child {
  border-bottom: 1px solid #E6E6E6;
}
.securitycenter i.mui-icon {
  position: absolute;
  right: -0.8rem;
  top: 0;
  padding: .7rem;
  font-size: 1rem;
  color: #999;
}
/*******安全中心**end*/
/*******设置提现密码**start*/
.withdrawalspsd header.mui-bar {
  background-color: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.withdrawalspsd .mui-content .main .getcode {
  border: 0;
  color: #f24130;
}
/*******设置提现密码**end*/
/*******设置密保问题**start*/
.security .mui-content {
  background-color: #fff;
}
.security header.mui-bar {
  background-color: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.security .mui-content .main .getcode {
  border: 0;
  color: #f24130;
}
.security .hand {
  padding: 0.75rem 0.9rem;
  height: 3.15rem;
  background-color: #F5F5F5;
  font: 0.7rem / 0.9rem "";
  color: #999;
}
.security .question,
.security .answer {
  display: block;
  position: relative;
  padding: 0  0.75rem ;
  height: 2.17rem;
  border-bottom: 1px solid #E6E6E6;
  font: 0.7rem/2.17rem "";
  color: #333;
}
.security input {
  border: 0;
  padding-left: 1rem;
  background: transparent;
  width: 13.5rem;
  height: 100%;
}
.security .rdntn {
  height: 2rem;
  width: 80%;
  margin-left: 10%;
  margin-top: 9.73rem;
}
.security i.mui-icon {
  position: absolute;
  right: 0;
  top: 0;
  padding: .55rem;
  font-size: 1rem;
  color: #999;
}
/*******设置密保问题**end*/
/*******设置**start*/
.set .mui-content {
  background-color: #fff;
}
.set header.mui-bar {
  background-color: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.set ul.tab-box {
  border-bottom: 20px solid #F5F5F5;
}
.set ul.tab-box li {
  position: relative;
  margin: 0 .75rem;
  height: 2.13rem;
  border-bottom: 1px solid #E6E6E6;
}
.set ul.tab-box li p {
  font: 0.7rem / 2.13rem "";
  color: #333;
}
.set ul.tab-box li i.mui-icon {
  position: absolute;
  right: -0.3rem;
  top: .5rem;
  color: #999;
}
.set ul.tab-box li .mui-switch {
  position: absolute;
  right: 0;
  top: .5rem;
}
.set ul.tab-box li .mui-switch-mini.mui-active .mui-switch-handle {
  transform: translate(0.9rem, 0);
  -webkit-transform: translate(0.9rem, 0);
}
.set ul.tab-box li .mui-switch.mui-active {
  border-color: #d93b2a;
  background-color: #d93b2a;
}
.set ul.tab-box li .mui-switch-mini {
  width: 1.9rem;
  height: 1rem;
}
.set ul.tab-box li .mui-switch {
  background-color: #ccc;
}
.set ul.tab-box li .mui-switch .mui-switch-handle {
  top: -0.05rem;
  left: 0;
  width: 0.85rem;
  height: 0.85rem;
}
.set ul.tab-box li:last-child {
  border-bottom: 0;
}
.set ul.tab-box:last-child {
  border-bottom: 0;
}
.set ul.tab-box:last-child li:last-child {
  border-bottom: 1px solid #E6E6E6;
}
.set .editdata .table-view-cell {
  width: auto;
  margin: 0 0.75rem;
  border-bottom: 1px solid #000;
  border-radius: 0;
}
.set .editdata .table-view-cell:last-child {
  border-bottom: 0;
}
.set .editdata .table-view-cell p {
  display: inline-block;
  color: #fff;
  padding-right: 0.88rem;
}
.set .editdata .table-view-cell input {
  width: 11rem;
  border: 0;
  background: transparent;
  color: #fff;
}
.set .editdata .table-view-cell input::-webkit-input-placeholder {
  color: #ccc;
}
.set .title-sm {
  font: 0.6rem/1.25rem "";
  background-color: #F5F5F5;
  color: #999;
  padding-left: 0.75rem;
}
/*******设置**end*/
/*******使用帮助**start*/
.help h3.title {
  padding: 0 .75rem;
  font: 0.8rem / 1.75rem "";
  background-color: #D9D9D9;
  color: #808080;
}
.help ul.tab-box li {
  margin: 0;
  padding: 0 .75rem;
}
.help ul.tab-box li i.mui-icon {
  right: .75rem;
}
.help .text {
  display: none;
  padding: 0.3rem 0.77rem;
  background-color: #F5F5F5;
  font: 0.7rem/1.7 "";
}
.help .text .text-title {
  color: #4d4d4d;
  margin-left: -0.2rem;
}
.help .active.text {
  display: block;
}
/*******使用帮助**end*/
/*******代理人管理**start*/
.pm ul.tab-box .tab {
  margin: 0;
  padding: 0 .75rem;
}
.pm span {
  color: #d93b2a;
}
/*******代理人管理**end*/
/*******申请代理**start*/
.agency ul.tab-box .tab {
  margin: 0;
  padding: 0 .75rem;
}
.agency .agency-right {
  position: absolute;
  right: .75rem;
  top: 0;
  width: 70%;
  border: 0;
  background: transparent;
  text-align: end;
  font-size: 0.7rem;
  color: #333;
}
.agency .agency-right::-webkit-input-placeholder {
  color: #999;
}
.agency .rdntn {
  width: 80%;
  height: 2rem;
  margin: 15rem 10% 0 10%;
}
/*******申请代理**end*/
/*******我的道具**start*/
.myprop .con-action {
  overflow: hidden;
}
.myprop .mui-scroll-wrapper {
  display: none;
}
.myprop .active.mui-scroll-wrapper {
  display: block;
}
.myprop .color {
  color: #d93b2a;
}
.myprop .mui-bar-nav ~ .mui-content > .mui-scroll-wrapper,
.myprop .mui-bar-nav ~ .mui-content {
  padding-top: 4.7rem;
}
.myprop .appointment .mui-bar-nav ~ .mui-content > .mui-scroll-wrapper {
  padding-top: 4.7rem;
}
.myprop .mui-content {
  background-color: #fff;
}
.myprop header.mui-bar {
  background-color: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.myprop .con-title {
  z-index: 3;
  position: absolute;
  top: 2.2rem;
  left: 0;
  width: 100%;
  display: -webkit-flex;
  background-color: #fff;
  justify-content: center;
  border-bottom: 0.5rem solid #F5F5F5;
}
.myprop .con-title .link-a {
  flex: 1;
  -webkit-flex: 1;
  display: inline-block;
  height: 2rem;
  border-bottom: 1px solid #fff;
  text-align: center;
  font: 0.8rem / 2rem "";
  color: #333;
}
.myprop .con-title .active.link-a {
  border-color: #d93b2a;
  color: #d93b2a;
}
.myprop .con {
  padding: 0 4%;
  font-size: 0;
  border-bottom: 0.5rem solid #F5F5F5;
}
.myprop .chip {
  display: inline-block;
  width: 25%;
  text-align: center;
  margin: 0.8rem 0;
}
.myprop .chip img {
  height: 1.9rem;
}
.myprop .chip .chip-sub {
  font: 0.55rem/1.5 "";
  color: #333;
}
.myprop .chip .chip-money {
  font: 0.5rem / 1.7 "";
  color: #666;
}
.myprop .nochip {
  line-height: 3rem;
  color: #ccc;
  font-size: .9rem;
}
.myprop .con-action .title {
  font: 0.8rem/2.25rem "";
  color: #333;
  margin-left: 0.75rem;
}
.myprop .con-action .search {
  margin-left: 0.75rem;
  height: 1.1rem;
  width: 13.15rem;
  padding-left: 1.25rem;
  font-size: 0.7rem;
  border: 1px solid #ccc;
  border-radius: .3rem;
  background: url(../images/icon_serch2.png) 0.25rem center no-repeat transparent;
  background-size: 0.75rem auto;
  color: #333;
}
.myprop .con-action .search::-webkit-input-placeholder {
  color: #ccc;
}
.myprop .con-action .prop {
  position: relative;
  display: inline-block;
  width: 9rem;
  padding-left: 0.75rem;
  float: left;
}
.myprop .con-action .prop .prop-img {
  width: 8.25rem;
  height: 5rem;
  margin: 0.75rem 0;
  text-align: center;
  line-height: 4.7rem;
}
.myprop .con-action .prop .prop-img img {
  max-height: 5rem;
  max-width: 8.25rem;
  vertical-align: middle;
}
.myprop .con-action .prop .prop-name {
  font: 0.75rem / 1.5 "";
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  min-height: 2.2rem;
}
.myprop .con-action .prop .prop-nub {
  font: 0.7rem / 1.8 "";
  color: #999;
}
.myprop .con-action .prop .prop-nub span.color {
  color: #c40e18;
}
.myprop .con-action .prop .btn {
  position: absolute;
  right: 0;
  bottom: 0.3rem;
  display: inline-block;
  width: 3.25rem ;
  text-align: center;
  border-radius: .15rem;
  font: 0.7rem / 1.25rem "";
  color: #fff;
  background-color: #d93b2a;
}
.myprop .hint {
  font: 0.7rem / 2.2rem "";
  color: #333;
  padding: 0 .5rem ;
  margin-bottom: 0.25rem;
  margin-top: -0.5rem;
  background-color: #F5F5F5;
}
.myprop .card {
  margin: .5rem;
  padding-bottom: .5rem;
  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
}
.myprop .card .card-title {
  padding-left: 0.83rem;
  margin-bottom: .5rem;
  height: 2.2rem;
  border-bottom: 1px solid #E6E6E6;
  clear: both;
  font: 0.8rem / 2.2rem "";
  color: #333;
}
.myprop .card .card-title .color {
  font: 0.7rem/2.2rem "";
  float: right;
  padding-right: 0.5rem;
}
.myprop .lose.color {
  color: #999;
}
.myprop .card-text {
  padding: 0 0.85rem;
  font: 0.7rem / 2 "";
  color: #666;
}
.myprop .cards .card-title {
  clear: both;
  padding: 0 0.75rem;
  height: 2.15rem;
  font: 0.7rem/2.15rem "";
  color: #333;
  border-bottom: 1px solid #E6E6E6;
}
.myprop .cards .card-title span {
  padding-left: 1.2rem;
  float: right;
  color: #666;
}
.myprop .cards .card-title.yhk span {
  background: url(../images/icon_yhk.png) 0.05rem center no-repeat;
  background-size: 0.88rem auto;
}
.myprop .cards .card-title.hyk span {
  background: url(../images/icon_hyk.png) 0.1rem center no-repeat;
  background-size: 0.83rem auto;
}
.myprop .cards .card-title.bqk span {
  background: url(../images/icon_bqk.png) 0.15rem center no-repeat;
  background-size: 0.75rem auto;
}
.myprop .gift-con p.con-gift {
  position: relative;
  font: 0.7rem/2.15rem "";
  color: #333;
  padding: 0 .75rem;
}
.myprop .gift-con a.con-gift-a {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1.2rem;
  padding: 0.39rem 0.75rem;
  color: #999;
}
.myprop .gift-con .con-gift-p {
  font-size: 0;
}
.myprop .gift-con .giftimg-div {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  font: 0.55rem/1.5 "";
  width: 100%;
  color: #333;
  height: 2rem;
  margin-bottom: .15rem;
}
.myprop .gift-con .gift {
  display: inline-block;
  width: 25%;
  height: 2.975rem;
  text-align: center;
  border-radius: 0.38rem;
  line-height: 0;
  margin-top: 0.5rem;
}
.myprop .gift-con .gift .giftimg {
  max-height: 2rem;
  max-width: 50%;
  vertical-align: middle;
}
.myprop .gift-con .gift em {
  width: 100%;
  color: #666;
  font: 0.5rem / 1.5 "";
}
.myprop .gift-con .gift span.text {
  display: block;
  font: 0.55rem/1.5 "";
  width: 100%;
  color: #333;
}
/*******我的道具**end*/
/*******我的收货地址**start*/
.site header.mui-bar {
  background-color: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.site .mui-content {
  background-color: #fff;
}
.site .con {
  border-bottom: 0.5rem solid #F5F5F5;
}
.site .con p {
  clear: both;
  padding: 0 0.75rem;
  font: 0.7rem / 1.4 "";
  color: #333;
}
.site .con .sex {
  padding-left: .8rem;
}
.site .con .phone {
  float: right;
}
.site .con p.inf {
  padding-top: .8rem;
}
.site .con p.site {
  padding: 0.5rem 0.75rem;
}
.site .con p.lable {
  clear: both;
  height: 2.125rem;
  border-top: 1px solid #F2F2F2;
}
.site .con .editdata,
.site .con a.lable,
.site .con .delete {
  display: inline-block;
  font: 0.7rem/2.125rem "";
  color: #333;
}
.site .con .editdata,
.site .con .delete {
  float: right;
  padding-left: 1.67rem;
}
.site .con a.lable {
  padding-left: 0.925rem;
  background: url(../images/seit_fk1.png) 0 center no-repeat;
  background-size: 0.6rem auto;
}
.site .con a.lable.active {
  background: url(../images/seit_fk2.png) 0 center no-repeat;
  background-size: 0.6rem auto;
}
.site .con .editdata {
  background: url(../images/icon_editdata.png) 0.75rem center no-repeat;
  background-size: 0.65rem auto;
}
.site .con .delete {
  background: url(../images/icon_delete3.png) 0.75rem center no-repeat;
  background-size: 0.65rem auto;
}
.site .add-seit {
  padding-left: 2.8rem;
  font: 600 0.75rem / 3.125rem "";
  color: #999;
  background: url(../images/jx_jia.png) 0.58rem center no-repeat;
  background-size: 1.6rem auto;
  margin-bottom: 2.25rem;
}
.site .footer {
  z-index: 999;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2.25rem;
  text-align: center;
  font: 0.9rem / 2.25rem "";
  color: #fff;
  background-color: #d93b2a;
}
/*******我的收货地址**end*/
/*******新增收货地址**start*/
.addsite header.mui-bar {
  background-color: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.addsite .mui-content {
  background-color: #fff;
}
.addsite .con-p {
  display: flex;
  display: -webkit-flex;
  margin: 0 .38rem;
  height: 2.18rem;
  border-bottom: 1px solid #E5E5E5;
}
.addsite .con-p span {
  padding-left: 0.5rem;
  width: 4.2rem;
  font: 0.7rem / 2.18rem "";
  color: #333;
}
.addsite .con-p input {
  flex: 1;
  -webkit-flex: 1;
  border: 0;
  height: 100%;
  background: transparent;
  color: #333;
  font-size: 0.7rem;
}
.addsite .con-p input::-webkit-input-placeholder {
  color: #ccc;
}
.addsite .con-p .sex {
  padding-left: 0.875rem;
  padding-right: 1.5rem;
  font: 0.7rem/2.18rem "";
  color: #333;
  background: url(../images/fangkuang0.png) 0 center no-repeat;
  background-size: 0.6rem auto;
}
.addsite .con-p .active.sex {
  background: url(../images/fangkuang2.png) 0 center no-repeat;
  background-size: 0.6rem auto;
}
.addsite .rdntn {
  margin: 2.5rem 10% 0 10%;
  width: 80%;
  height: 2rem;
  font: 0.9rem/2rem "";
}
/*******新增收货地址**end*/
/*******申请经理人**start*/
.handler .register {
  padding: 2rem;
  overflow: hidden;
  clear: both;
}
.handler ul.tab-box .tab {
  margin: 0;
  padding: 0 .75rem;
}
.handler .agency-right {
  position: absolute;
  right: .75rem;
  top: 0;
  width: 70%;
  border: 0;
  background: transparent;
  text-align: end;
  font-size: 0.7rem;
  color: #333;
}
.handler .agency-right::-webkit-input-placeholder {
  color: #999;
}
.handler .rdntn {
  width: 100%;
  height: 2rem;
}
/*******申请经理人**end*/
/*******经理人管理**start*/
.handlersharp .date-unbund-list,
.handlersharp .lose-team,
.handlersharp .new-team,
.handlersharp .appnew {
  display: none;
}
.handlersharp .newfriend-text {
  display: none;
}
.handlersharp .view3-p {
  padding: .5rem 1rem 0 1rem;
  font: 0.5rem/1.2 "";
  color: #ccc;
  opacity: .8;
}
.handlersharp .mui-bar-nav ~ .mui-content > .mui-scroll-wrapper,
.handlersharp .mui-bar-nav ~ .mui-content {
  padding-top: 6.85rem;
}
.handlersharp .appointment .mui-bar-nav ~ .mui-content > .mui-scroll-wrapper {
  padding-top: 6.85rem;
}
.handlersharp .mui-content {
  background-color: #fff;
}
.handlersharp header.mui-bar {
  background-color: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.handlersharp .color {
  color: #d93b2a;
}
.handlersharp .con-title {
  z-index: 3;
  position: absolute;
  top: 2.2rem;
  left: 0;
  width: 100%;
  background-color: #fff;
  justify-content: center;
  border-bottom: 0.5rem solid #F5F5F5;
}
.handlersharp .con-title .title {
  padding: 0 .75rem;
  height: 2.15rem;
  font: 0.7rem / 2.15rem "";
  color: #333;
  background-color: #F2F2F2;
}
.handlersharp .con-title .title span {
  float: right;
}
.handlersharp .con-title .link {
  text-align: center;
}
.handlersharp .con-title .link-a {
  position: relative;
  clear: both;
  margin: 0 .44rem;
  display: inline-block;
  height: 2rem;
  text-align: center;
  font: 0.8rem / 2rem "";
  color: #333;
}
.handlersharp .con-title .link-a p.p {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -1.96rem;
  width: 3.92rem;
  height: 0.15rem;
  background-color: #d93b2a;
}
.handlersharp .con-title .active.link-a {
  border-color: #d93b2a;
  color: #d93b2a;
}
.handlersharp .con-title .active.link-a p.p {
  display: block;
}
.handlersharp .newfriend .title {
  width: 100%;
  padding-left: .75rem;
  font: 0.8rem/2.25rem "";
  color: #333;
  height: 2.25rem;
  background-color: #fff;
}
.handlersharp .newfriend .title span {
  padding-left: .5rem;
  font: 0.55rem/2.25rem "";
}
.handlersharp .newfriend .title .mui-icon {
  float: right;
  padding: .55rem;
  color: #999;
}
.handlersharp .newfriend {
  border-bottom: 0.5rem solid #F5F5F5;
}
.handlersharp .newfriend .fold-text {
  width: 100%;
}
.handlersharp .lia {
  position: absolute;
  right: .75rem;
  top: 1.2rem;
  display: inline-block;
  padding: 0 .66rem;
  color: #d93b2a;
  text-align: center;
  font-size: 0.7rem;
  line-height: 1rem;
  border: solid 1px #d93b2a;
  border-radius: 0.15rem;
}
.handlersharp .untie {
  font-size: 0.6rem;
  padding: 0 .6rem;
}
.handlersharp .con .fold-text {
  border-top: 0;
  border-bottom: solid 1px #e6e6e6;
}
.handlersharp .mui-scroll-wrapper {
  display: none;
}
.handlersharp .active.mui-scroll-wrapper {
  display: block;
}
.handlersharp .myprop .con {
  border-bottom: 0;
}
/*******经理人管理**end*/
/*******系统消息**start*/
.messages .mui-bar-nav ~ .mui-content {
  overflow: scroll;
}
.messages .main {
  padding-top: 0.75rem;
}
.messages header.mui-bar {
  z-index: 99999;
  background-color: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.messages .time-box {
  text-align: center;
}
.messages .time {
  max-width: 15rem;
  display: inline-block;
  margin-bottom: .75rem;
  padding: .2rem .45rem 0.2rem .45rem;
  background-color: rgba(0, 0, 0, 0.08);
  color: #fff;
  font: 0.6rem / 1.5 "";
  border-radius: .15rem;
}
.messages .chat-box {
  padding: 0 .5rem  .75rem .5rem;
  font-size: 0;
  overflow: hidden;
}
.messages .chat-box .face-bq {
  margin: 0 .2rem;
  width: 1.25rem;
  height: auto;
  vertical-align: middle;
}
.messages .chat-box .text p,
.messages .chat-box .text div {
  min-height: 1.2rem;
  word-wrap: break-word;
}
.messages .user {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  vertical-align: top;
}
.messages .text-box {
  display: inline-block;
}
.messages .text,
.messages .video-box,
.messages .card-box {
  position: relative;
  display: inline-block;
  margin: 0 .75rem;
  max-width: 12.77rem;
  padding: 0.625rem 0.75rem ;
  font: 0.8rem / 1.5 "";
  border-radius: 0.4rem;
}
.messages .em {
  position: absolute;
  top: 0.65rem;
  width: 0.7rem;
  height: 0.85rem;
}
.messages .chat-left .text,
.messages .chat-left .video-box,
.messages .chat-left .card-box {
  background-color: #fff;
}
.messages .chat-left .text p,
.messages .chat-left .text div {
  color: #333;
}
.messages .chat-left .em {
  left: -0.5rem;
  background: url(../images/icon_jiao1.png) no-repeat 0 0;
  background-size: 0.7rem auto;
}
.messages .chat-right .text-box {
  float: right;
}
.messages .chat-right .text,
.messages .chat-right .video-box,
.messages .chat-right .card-box {
  background-color: #f3671b;
}
.messages .chat-right .text p,
.messages .chat-right .text div {
  color: #fff;
}
.messages .chat-right .em {
  right: -0.5rem;
  background: url(../images/icon_jiao2.png) no-repeat 0 0;
  background-size: 0.7rem auto;
}
.messages .chat-right .user {
  float: right;
}
.messages .username {
  padding-left: 0.9rem;
  padding-bottom: 0.2rem;
  font: 0.5rem/1.5 "";
  color: #999;
}
/*******系统消息**end*/
/*******手机通讯录**start*/
.telephone nav.nav a,
.telephone .top,
.telephone .bottom {
  height: 3.2%;
}
.telephone .clickbox {
  background: url(../images/fangkuang0.png) center no-repeat;
  background-size: 0.7rem auto;
}
.telephone .active .clickbox {
  background: url(../images/juxing2.png) center no-repeat;
  background-size: 0.7rem auto;
}
.telephone .mui-content {
  position: relative;
}
.telephone .footer {
  z-index: 99;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2.25rem;
  background-color: #fff;
  border-top: 1px solid #E6E6E6;
  overflow: hidden;
}
.telephone .ft-left {
  float: left;
  height: 100%;
  font: 0.7rem/2.25rem "";
  color: #333;
}
.telephone .ft-left .clickbox {
  background-position: 0.75rem center;
  padding-left: 1.95rem;
}
.telephone .ft-right {
  float: right;
  width: 6.5rem;
  height: 2.25rem;
  font: 0.9rem/2.25rem "";
  color: #fff;
  text-align: center;
  background-color: #d93b2a;
}
/*******手机通讯录**end*/
/*******聊天**start*/
.chat,
.circlefriends {
  position: relative;
}
.chat .voice-lading,
.circlefriends .voice-lading {
  background-position: center;
}
.chat .mui-title .title-box,
.circlefriends .mui-title .title-box {
  position: relative;
  left: 50%;
  width: 3.2rem;
  height: 2.2rem;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.chat .mui-title .title-left,
.circlefriends .mui-title .title-left {
  position: absolute;
  top: .6rem;
  left: 0;
  z-index: 20;
  width: 1.7rem;
  height: 1.4rem;
}
.chat .mui-title .title-left .title-em,
.circlefriends .mui-title .title-left .title-em {
  position: absolute;
  left: 0rem;
  top: 0rem;
  z-index: 90;
  display: block;
  width: 100%;
  height: 100%;
  margin-top: .1rem;
  background: url(../images/chat_oleft.png) 0 0 no-repeat;
  background-size: 100%;
}
.chat .mui-title .title-left img,
.circlefriends .mui-title .title-left img {
  width: 1.5rem;
  height: 100%;
  border: 2px solid #fff;
  border-bottom-right-radius: 50% ;
  border-bottom-left-radius: 50% ;
  border-top-right-radius: 50%;
}
.chat .mui-title .title-right,
.circlefriends .mui-title .title-right {
  position: absolute;
  top: .1rem;
  right: 0;
  z-index: 10;
  width: 2.2rem;
  height: 2.2rem;
}
.chat .mui-title .title-right .title-em,
.circlefriends .mui-title .title-right .title-em {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 90;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/chat_oright.png) 0 0 no-repeat;
  background-size: 100%;
}
.chat .mui-title .title-right img,
.circlefriends .mui-title .title-right img {
  padding: .1rem;
  width: 2.2rem;
  height: 2rem;
}
.chat .mui-slider,
.circlefriends .mui-slider {
  height: 100%;
  display: none;
}
.chat .active.mui-slider,
.circlefriends .active.mui-slider {
  display: block;
}
.chat .mui-content,
.circlefriends .mui-content {
  background-color: #EEEEEE;
  padding-bottom: 2.5rem;
}
.chat .main,
.circlefriends .main {
  height: 100%;
  overflow-y: scroll;
}
.chat .main::-webkit-scrollbar,
.circlefriends .main::-webkit-scrollbar {
  display: none;
}
.chat .complain,
.circlefriends .complain,
.chat .chat-love,
.circlefriends .chat-love,
.chat .chat-addfrand,
.circlefriends .chat-addfrand {
  z-index: 99;
  position: absolute;
  top: 0;
}
.chat .chat-love,
.circlefriends .chat-love,
.chat .chat-addfrand,
.circlefriends .chat-addfrand {
  right: 0;
  width: 2rem;
  height: 100%;
  background: url(../images/chat_love.png) 0 center no-repeat;
  background-size: 1.075rem auto;
}
.chat .complain,
.circlefriends .complain {
  right: 2rem;
  width: 2rem;
  height: 100%;
  background: url(../images/chat_ts.png) center no-repeat;
  background-size: 0.775rem auto;
}
.chat .chat-addfrand,
.circlefriends .chat-addfrand {
  background: url(../images/chat_addfrande.png) 0 0.6rem no-repeat;
  background-size: 1rem auto;
}
.chat .chat-card,
.circlefriends .chat-card {
  text-align: center;
  margin-bottom: 1rem;
  margin-top: 0.25rem;
}
.chat .chat-card .card,
.circlefriends .chat-card .card {
  display: inline-block;
  padding: 0.8rem 0;
  background-color: #fff;
  border-radius: .5rem;
  width: 12rem;
}
.chat .chat-card p,
.circlefriends .chat-card p {
  font: 0.7rem / 1.5 "";
  color: #333;
}
.chat .chat-card span,
.circlefriends .chat-card span {
  font: 0.6rem/1.5 "";
  color: #666;
}
.chat .chat-card div,
.circlefriends .chat-card div {
  display: inline-block;
}
.chat .chat-card .card-text,
.circlefriends .chat-card .card-text {
  margin-left: 0.75rem;
  margin-top: 1rem;
  text-align: start;
}
.chat .chat-card .card-con,
.circlefriends .chat-card .card-con {
  margin-top: 1rem;
  margin-bottom: .5rem;
}
.chat .chat-card .card-con img,
.circlefriends .chat-card .card-con img {
  vertical-align: top;
  max-width: 4rem;
  max-height: 4rem;
}
.chat .footer,
.circlefriends .footer {
  z-index: 999;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #F5F5F5;
  font-size: 0;
  transition: height 350ms;
  -webkit-transition: height 350ms;
}
.chat .footer .menu .menu-box,
.circlefriends .footer .menu .menu-box {
  display: none;
  float: left;
  width: 100%;
  border-top: 2px solid #EBEBEB;
  overflow: hidden;
}
.chat .footer .menu-box,
.circlefriends .footer .menu-box {
  height: 12.5rem!important;
}
.chat .footer .menu-link,
.circlefriends .footer .menu-link {
  float: left;
  width: 100%;
}
.chat .footer .add,
.circlefriends .footer .add {
  display: none;
}
.chat .footer .add .box,
.circlefriends .footer .add .box {
  float: left;
  width: 3rem;
  height: 4rem;
  margin-left: 1.375rem;
  margin-top: 1.75rem;
}
.chat .footer .add .chip-linkbox,
.circlefriends .footer .add .chip-linkbox,
.chat .footer .add .gift-linkbox,
.circlefriends .footer .add .gift-linkbox,
.chat .footer .add .reserve-linkbox,
.circlefriends .footer .add .reserve-linkbox {
  display: none;
}
.chat .footer .link,
.circlefriends .footer .link {
  display: inline-block;
  width: 2.9rem;
  height: 2.9rem;
  border: 1px solid #ccc;
  border-radius: 0.5rem;
  background-color: #fbfbfb;
  background-position: center;
  background-repeat: no-repeat;
}
.chat .footer .phot,
.circlefriends .footer .phot {
  background-image: url(../images/chat_pht.png);
  background-size: 1.5rem auto;
}
.chat .footer .void,
.circlefriends .footer .void {
  background-image: url(../images/chat_vdio.png);
  background-size: 1.45rem auto;
}
.chat .footer .gift,
.circlefriends .footer .gift {
  background-image: url(../images/chat_gift.png);
  background-size: 1.45rem auto;
}
.chat .footer .chip,
.circlefriends .footer .chip {
  background-image: url(../images/chat_chip.png);
  background-size: 1.15rem auto;
}
.chat .footer .card,
.circlefriends .footer .card {
  background-image: url(../images/chat_card.png);
  background-size: 1.45rem auto;
}
.chat .footer .reserve,
.circlefriends .footer .reserve {
  background-image: url(../images/chat_reserve.png);
  background-size: 1.45rem auto;
}
.chat .footer p.p,
.circlefriends .footer p.p {
  text-align: center;
  font: 0.6rem/2 "";
  color: #666;
}
.chat .footer .mui-slider-item,
.circlefriends .footer .mui-slider-item {
  font-size: 0;
}
.chat .footer .menu-face,
.circlefriends .footer .menu-face {
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: 2.25rem;
}
.chat .footer .menu-face a,
.circlefriends .footer .menu-face a {
  float: left;
  width: 2.5rem;
  height: 3rem;
  overflow: hidden;
}
.chat .footer .menu-face .face-img,
.circlefriends .footer .menu-face .face-img,
.chat .footer .menu-face .face-add,
.circlefriends .footer .menu-face .face-add {
  float: left;
  margin-top: 1.5rem;
  width: 2.625rem;
  height: 2.625rem;
  text-align: center;
}
.chat .footer .menu-face .face-img img,
.circlefriends .footer .menu-face .face-img img,
.chat .footer .menu-face .face-add img,
.circlefriends .footer .menu-face .face-add img {
  max-width: 2.625rem;
  max-height: 2.625rem;
  vertical-align: -webkit-baseline-middle;
  vertical-align: middle;
  width: auto;
  height: auto;
}
.chat .footer .menu-face .face-bq,
.circlefriends .footer .menu-face .face-bq {
  margin-top: 1.5rem;
  margin-left: 1rem;
  margin-right: 0.25rem;
  max-width: 1.25rem;
  text-align: center;
  max-height: 1.5rem;
  vertical-align: middle;
}
.chat .footer .menu-face .face-add,
.circlefriends .footer .menu-face .face-add {
  float: left;
  margin-left: 0.75rem;
  vertical-align: middle;
}
.chat .footer .menu-face .face-img,
.circlefriends .footer .menu-face .face-img {
  margin-left: 1rem;
}
.chat .footer .menu-face .face-bot,
.circlefriends .footer .menu-face .face-bot {
  z-index: 999;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2.25rem;
  background-color: #ededed;
}
.chat .footer .menu-face .face-bot-bq,
.circlefriends .footer .menu-face .face-bot-bq {
  display: inline-block;
  width: 3.125rem;
  height: 100%;
  background: url(../images/face-botbq.png) center no-repeat;
  background-size: 1.35rem auto;
}
.chat .footer .menu-face .face-bot-love,
.circlefriends .footer .menu-face .face-bot-love {
  display: inline-block;
  width: 3.125rem;
  height: 100%;
  background: url(../images/face-botlove.png) center no-repeat;
  background-size: 1.35rem auto;
}
.chat .footer .menu-face .face-bot-color,
.circlefriends .footer .menu-face .face-bot-color {
  background-color: #e0e0e0;
}
.chat .chat-val-box,
.circlefriends .chat-val-box {
  border-bottom: 1px solid #808080;
  margin: .4rem  0.5rem .6rem .5rem ;
  overflow-y: scroll;
  min-height: 1.5rem ;
  max-height: 3rem;
  float: left;
  width: 10rem;
  padding-top: .2rem;
}
.chat .chat-val,
.circlefriends .chat-val {
  color: #333;
  -moz-user-select: text;
  -webkit-user-select: text;
  font: 0.7rem/1.5 "";
}
.chat .chat-val div,
.circlefriends .chat-val div {
  float: left;
  font: 0.7rem/1.5 "";
  color: #333;
  margin: 0;
  padding: 0;
}
.chat .chat-val .face-bq,
.circlefriends .chat-val .face-bq {
  width: 1.25rem;
  margin: 0 .2rem;
  height: auto;
  vertical-align: middle;
}
.chat .chat-val::-webkit-scrollbar,
.circlefriends .chat-val::-webkit-scrollbar {
  display: none;
}
.chat .voice,
.circlefriends .voice,
.chat .face,
.circlefriends .face,
.chat .rests,
.circlefriends .rests,
.chat .bth,
.circlefriends .bth,
.chat .keyboard,
.circlefriends .keyboard {
  float: left;
  width: 1.75rem;
  height: 2.5rem;
}
.chat .face,
.circlefriends .face {
  margin-right: 0.4rem;
  background: url(../images/chat_bq.png) center no-repeat;
  background-size: 1.7rem auto;
}
.chat .voice,
.circlefriends .voice {
  margin-left: .625rem;
  background: url(../images/chat_yy2.png) center no-repeat;
  background-size: 1.7rem auto;
}
.chat .rests,
.circlefriends .rests {
  margin-left: .3rem;
  background: url(../images/chat_jia0.png) center no-repeat;
  background-size: 1.7rem auto;
}
.chat .keyboard,
.circlefriends .keyboard {
  background: url(../images/chat_jp.png) center no-repeat;
  background-size: 1.7rem auto;
}
.chat .bth,
.circlefriends .bth {
  display: none;
  width: 2.3rem;
  height: 1.5rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  background-color: #d93b2a;
  color: #fff;
  font: 0.6rem / 1.4rem "";
  border-radius: .3rem;
  text-align: center;
}
.chat .chat-box .video-box,
.circlefriends .chat-box .video-box {
  max-width: 10rem;
  min-width: 3rem;
  height: 2rem;
}
.chat .chat-box .video-box .vidos,
.circlefriends .chat-box .video-box .vidos {
  margin-top: -0.2rem;
  width: 0.75rem;
  height: auto;
}
.chat .chat-right .video-box-p p,
.circlefriends .chat-right .video-box-p p {
  margin-top: -0.25rem;
  color: #fff;
  margin-right: 1.2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chat .chat-left .video-box-p p,
.circlefriends .chat-left .video-box-p p {
  margin-top: -1.5rem;
  color: #000000;
  margin-left: 1.2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chat .chat-right .video-box .vidos,
.circlefriends .chat-right .video-box .vidos {
  float: right;
}
.chat .chat-box .video-box .second,
.circlefriends .chat-box .video-box .second {
  position: absolute;
  top: 0;
  color: #666;
  font: 0.7rem/2rem "";
}
.chat .chat-right .video-box .second,
.circlefriends .chat-right .video-box .second {
  left: -1.5rem;
}
.chat .chat-left .video-box .second,
.circlefriends .chat-left .video-box .second {
  right: -1.7rem;
}
.chat .mui-table-view-cell a,
.circlefriends .mui-table-view-cell a {
  display: inline-block;
  width: 2.75rem;
  height: 2rem;
  border-left: 1px solid #1A1A1A;
  border-radius: unset!important;
  color: #fff!important;
  text-align: center;
}
.chat .mui-table-view-cell,
.circlefriends .mui-table-view-cell {
  background-color: transparent;
  opacity: 0.75;
  color: #fff;
}
.chat .mui-popover .mui-popover-arrow:after,
.circlefriends .mui-popover .mui-popover-arrow:after {
  background-color: #3f3939;
}
.chat .mui-popover .mui-table-view,
.circlefriends .mui-popover .mui-table-view {
  background-color: transparent;
}
.chat .mui-popover,
.circlefriends .mui-popover {
  width: 8.3rem;
  height: 2rem;
  background-color: rgba(0, 0, 0, 0.75);
  box-shadow: 0px 10px 26px 0px rgba(0, 0, 0, 0.38);
}
.chat .mui-popover .mui-scroll-wrapper,
.circlefriends .mui-popover .mui-scroll-wrapper {
  margin: 0;
}
.chat .gift-box,
.circlefriends .gift-box {
  bottom: -100%;
  left: 0;
  transition: bottom 400ms;
  -webkit-transition: bottom 400ms;
}
.chat .chip-box,
.circlefriends .chip-box {
  bottom: 0;
  left: 100%;
  transition: left 400ms;
  -webkit-transition: left 400ms;
}
.chat .gift-box,
.circlefriends .gift-box,
.chat .chip-box,
.circlefriends .chip-box {
  display: none;
  z-index: 1000;
  position: fixed;
  position: -ms-device-fixed;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.75);
}
.chat .gift-box .box-title,
.circlefriends .gift-box .box-title,
.chat .chip-box .box-title,
.circlefriends .chip-box .box-title {
  position: relative;
  height: 2.5rem;
  width: 100%;
  border-bottom: 1px solid #4D4D4D ;
}
.chat .gift-box .box-roll,
.circlefriends .gift-box .box-roll,
.chat .chip-box .box-roll,
.circlefriends .chip-box .box-roll {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.chat .gift-box .box-title p,
.circlefriends .gift-box .box-title p,
.chat .chip-box .box-title p,
.circlefriends .chip-box .box-title p {
  text-align: center;
  font: 0.8rem / 2.5rem "";
  color: #fff;
}
.chat .gift-box .box-bot,
.circlefriends .gift-box .box-bot,
.chat .chip-box .box-bot,
.circlefriends .chip-box .box-bot {
  width: 100%;
  height: 2.25rem;
  background-color: #494949;
  font-size: 0;
}
.chat .gift-box .close,
.circlefriends .gift-box .close,
.chat .chip-box .close,
.circlefriends .chip-box .close {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 2.25rem;
  height: 100%;
  background: url(../images/chat_close.png) center no-repeat;
  background-size: 0.7rem auto;
}
.chat .gift-box .box-text,
.circlefriends .gift-box .box-text,
.chat .chip-box .box-text,
.circlefriends .chip-box .box-text {
  height: 10.8rem;
  width: 100%;
  font-size: 0;
  overflow: hidden;
}
.chat .gift-box .box-roll::-webkit-scrollbar,
.circlefriends .gift-box .box-roll::-webkit-scrollbar,
.chat .chip-box .box-roll::-webkit-scrollbar,
.circlefriends .chip-box .box-roll::-webkit-scrollbar {
  display: none;
}
.chat .gift-box .img-p,
.circlefriends .gift-box .img-p,
.chat .chip-box .img-p,
.circlefriends .chip-box .img-p {
  text-align: center;
  display: inline-block;
  height: 2.25rem;
  width: 2rem;
  line-height: 2rem;
}
.chat .gift-box .gift-a,
.circlefriends .gift-box .gift-a,
.chat .chip-box .gift-a,
.circlefriends .chip-box .gift-a {
  border-radius: .5rem;
  display: inline-block;
  width: 4.5rem;
  height: 5.3rem;
  text-align: center;
  padding-top: .7rem;
}
.chat .gift-box .gift-a img,
.circlefriends .gift-box .gift-a img,
.chat .chip-box .gift-a img,
.circlefriends .chip-box .gift-a img {
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
}
.chat .gift-box .gift-a .gift-name,
.circlefriends .gift-box .gift-a .gift-name,
.chat .chip-box .gift-a .gift-name,
.circlefriends .chip-box .gift-a .gift-name {
  color: #fff;
  font: 0.55rem / 1.5 "";
}
.chat .gift-box .gift-a .gift-nub,
.circlefriends .gift-box .gift-a .gift-nub,
.chat .chip-box .gift-a .gift-nub,
.circlefriends .chip-box .gift-a .gift-nub {
  color: #ccc;
  font: 0.5rem / 1.5 "";
}
.chat .gift-box .active.gift-a,
.circlefriends .gift-box .active.gift-a,
.chat .chip-box .active.gift-a,
.circlefriends .chip-box .active.gift-a {
  background-image: linear-gradient(0deg, rgba(132, 132, 132, 0.2) 0%, rgba(232, 232, 232, 0.2) 100%), linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));
  background-blend-mode: normal, normal;
}
.chat .gift-box .gift-link,
.circlefriends .gift-box .gift-link,
.chat .chip-box .gift-link,
.circlefriends .chip-box .gift-link,
.chat .gift-box .gift-chip,
.circlefriends .gift-box .gift-chip,
.chat .chip-box .gift-chip,
.circlefriends .chip-box .gift-chip {
  float: left;
  display: inline-block;
  width: 3.1rem;
  height: 100%;
}
.chat .gift-box .gift-link,
.circlefriends .gift-box .gift-link,
.chat .chip-box .gift-link,
.circlefriends .chip-box .gift-link {
  background: url(../images/chat_gift2.png) center no-repeat;
  background-size: 1.35rem auto;
}
.chat .gift-box .gift-chip,
.circlefriends .gift-box .gift-chip,
.chat .chip-box .gift-chip,
.circlefriends .chip-box .gift-chip {
  background: url(../images/chat_clip.png) center no-repeat;
  background-size: 1.3rem auto;
}
.chat .gift-box .gift-link-color,
.circlefriends .gift-box .gift-link-color,
.chat .chip-box .gift-link-color,
.circlefriends .chip-box .gift-link-color {
  background-color: #5e5e5e;
}
.chat .gift-box .btn,
.circlefriends .gift-box .btn,
.chat .chip-box .btn,
.circlefriends .chip-box .btn {
  float: right;
  margin: 0.275rem 0.35rem;
  display: inline-block;
  width: 2.3rem ;
  height: 1.7rem;
  background-color: #d93b2a;
  font: 0.75rem / 1.7rem "";
  border-radius: .3rem;
  text-align: center;
  color: #fff;
}
.chat .gift-box .nub-box,
.circlefriends .gift-box .nub-box,
.chat .chip-box .nub-box,
.circlefriends .chip-box .nub-box {
  float: left;
}
.chat .gift-box .nub-span,
.circlefriends .gift-box .nub-span,
.chat .chip-box .nub-span,
.circlefriends .chip-box .nub-span {
  float: left;
  font: 0.7rem / 2.25rem "";
  color: #fff;
  width: 4.55rem;
  text-align: center;
}
.chat .gift-box .nub,
.circlefriends .gift-box .nub,
.chat .chip-box .nub,
.circlefriends .chip-box .nub {
  float: left;
  margin-top: 0.5rem;
  text-align: center;
  display: block
            height: 1.3rem;
  width: 1.75rem;
  font: 0.7rem / 1.3rem "";
  color: #FFFFFF;
  background-color: transparent;
  border: 0;
  height: 100%;
}
.chat .gift-box .nub-jian,
.circlefriends .gift-box .nub-jian,
.chat .chip-box .nub-jian,
.circlefriends .chip-box .nub-jian,
.chat .gift-box .nub-jia,
.circlefriends .gift-box .nub-jia,
.chat .chip-box .nub-jia,
.circlefriends .chip-box .nub-jia {
  display: inline-block;
  float: left;
  margin: 0.5rem 0;
  width: 1.3rem;
  height: 1.15rem;
  background: url(../images/chat_jian.png) no-repeat center;
  background-size: 100%;
}
.chat .gift-box .nub-jia,
.circlefriends .gift-box .nub-jia,
.chat .chip-box .nub-jia,
.circlefriends .chip-box .nub-jia {
  background-image: url(../images/chat_jia.png);
}
.chat .gift-box.active,
.circlefriends .gift-box.active {
  bottom: 0;
}
.chat .chip-box.active,
.circlefriends .chip-box.active {
  left: 0;
}
.chat .card-box,
.circlefriends .card-box {
  position: relative;
  width: 11.25rem;
  height: 6.375rem;
  border-radius: .3rem;
  font-size: 0;
}
.chat .card-box img,
.circlefriends .card-box img {
  position: absolute;
  left: 0.7rem;
  bottom: 1.05rem;
  float: left;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
}
.chat .card-box .card-p,
.circlefriends .card-box .card-p {
  font: 0.8rem/1.5 "";
  color: #999;
  padding-bottom: 0.35rem;
  border-bottom: 1px solid #E6E6E6;
}
.chat .card-box .name,
.circlefriends .card-box .name,
.chat .card-box .id,
.circlefriends .card-box .id {
  display: inline-block;
  margin-left: 3rem;
}
.chat .card-box .name,
.circlefriends .card-box .name {
  margin-top: .5rem;
  font: 0.8rem/1.5rem '';
  color: #333;
}
.chat .card-box .id,
.circlefriends .card-box .id {
  font: 0.6rem/1.5rem "";
  color: #999;
}
.chat .chat-right .card-box .id,
.circlefriends .chat-right .card-box .id,
.chat .chat-right .card-box .card-p,
.circlefriends .chat-right .card-box .card-p {
  color: #E6E6E6;
}
.chat .chat-right .card-box .name,
.circlefriends .chat-right .card-box .name {
  color: #fff;
}
.chat .vdo-left,
.circlefriends .vdo-left,
.chat .vdo-right,
.circlefriends .vdo-right {
  display: inline-block;
  padding: 0 2.25rem;
  height: 2.5rem;
  width: 50%;
  font: 0.7rem/2.5rem "";
  color: #333;
}
.chat .vdo-right,
.circlefriends .vdo-right {
  text-align: end;
}
.chat .vdo-color,
.circlefriends .vdo-color {
  color: #d93b2a;
}
.chat .vdo-text,
.circlefriends .vdo-text {
  width: 100%;
  height: 10rem;
}
.chat .vdo-box,
.circlefriends .vdo-box {
  text-align: center;
}
.chat .vdo .mui-slider-item,
.circlefriends .vdo .mui-slider-item {
  height: 10rem;
}
.chat .vdo .mui-slider-indicator,
.circlefriends .vdo .mui-slider-indicator {
  bottom: 1rem;
}
.chat .vdo-a,
.circlefriends .vdo-a {
  display: inline-block;
  margin-top: 2.5rem;
  width: 4.45rem;
  height: 4.45rem;
  background: url(../images/icon_yuying.png) center no-repeat;
  background-size: 100%;
}
.chat .vdos,
.circlefriends .vdos {
  display: none;
}
.chat .vdos .vdos-a,
.circlefriends .vdos .vdos-a {
  float: left;
  margin: 0  0 .5rem .6rem;
  display: inline-block;
  width: 8.425rem;
  height: 1.25rem;
  padding-left: 1.25rem;
  padding-top: .55rem;
  border: 1px solid #ff0000;
  border-radius: .3rem;
  font: 0.6rem / 1.25rem "";
  color: #333;
  background: url(../images/chat_vidos1.png) 0.48rem center no-repeat;
  background-size: 0.43rem auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chat .imgs,
.circlefriends .imgs {
  position: relative;
  margin: 0 .675rem;
}
.chat .imgs .img,
.circlefriends .imgs .img {
  max-height: 7rem;
  max-width: 7rem;
}
.chat .imgs .user-img-video,
.circlefriends .imgs .user-img-video {
  z-index: 999;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/videoplay.png) no-repeat center rgba(0, 0, 0, 0.5);
  background-size: 1.5rem;
}
.chat .imgs .vdo,
.circlefriends .imgs .vdo {
  max-width: 7rem;
  max-height: 7rem;
}
.chat {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
}
.chat .mui-content {
  position: relative;
}
.chat .mui-bar-nav ~ .mui-content {
  overflow: hidden;
}
.chat .img-look.active {
  display: block;
}
.chat .mui-popup .mui-popup-text {
  padding: 0;
  overflow: hidden;
}
.chat .mui-popover {
  z-index: 9999;
}
.chat #topPopover.pastebox {
  width: 3rem;
}
.chat #topPopover.pastebox .paste {
  width: 3rem;
}
.chat #topPopover.videobox {
  width: 5.5rem;
}
.chat #topPopover.videobox2 {
  width: 2.8rem;
}
.chat .card-box {
  background-color: #fff;
}
.chat a.gift-a {
  float: left;
}
.chat .foot-link-box {
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
}
.messages.cp #topPopover.pastebox {
  height: 2.2rem;
  width: 3rem;
}
.messages.cp #topPopover.pastebox .paste {
  width: 3rem;
}
.messages.cp #topPopover.videobox2 {
  width: 2.8rem;
  height: 2.2rem;
}
.messages.cp .mui-popover .mui-popover-arrow:after {
  background-color: #3f3939;
}
.messages.cp .mui-popover .mui-table-view {
  background-color: transparent;
}
.messages.cp .mui-popover {
  width: 8.3rem;
  height: 2rem;
  background-color: rgba(0, 0, 0, 0.75);
  box-shadow: 0px 10px 26px 0px rgba(0, 0, 0, 0.38);
}
.messages.cp .mui-popover .mui-scroll-wrapper {
  margin: 0;
}
.messages.cp .copy {
  color: #fff!important;
  text-align: center;
}
/*******聊天**end*/
/*******引导页**star*/
.guide #guide {
  width: 100%;
  height: 100vh;
}
.guide #guide ul {
  width: 100%;
  height: 100vh;
}
.guide #guide ul li {
  width: 100%;
  height: 100%;
}
.guide #guide .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.guide #guide .swiper-slide {
  width: 100%;
  height: 100%;
}
.guide #guide .swiper-slide img {
  width: 100%;
  height: 100vh;
}
/*******引导页**end*/
.circlefriends {
  overflow: hidden;
}
.circlefriends .main {
  padding-bottom: 0 ;
}
/*******新消息**star*/
.newmag .vdo {
  position: absolute;
  left: 14.3rem;
  top: 2.3rem;
  width: 1.25rem;
  height: 1.25rem;
  background: url(../images/vdoss.png) center no-repeat;
  background-size: 0.8rem 0.55rem;
}
.newmag .textwz {
  width: 3rem;
  margin-top: 0.5rem;
  float: left;
  word-wrap: break-word;
  height: 3rem;
  font: 0.5rem / 0.75rem "";
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.newmag .mui-scroll-wrapper {
  background-color: #fff;
}
.newmag .con {
  width: 100%;
  padding-left: 0.75rem;
}
.newmag .cont {
  width: 100%;
  border-bottom: 1px solid #E6E6E6;
  overflow: hidden;
  position: relative;
}
.newmag .top {
  float: left;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 100000px;
  margin-top: 0.75rem;
  margin-right: 0.5rem;
}
.newmag .text {
  float: left;
  width: 10.45rem;
  margin-top: 0.75rem;
  margin-right: 1rem;
}
.newmag .name {
  font: 0.8rem / 0.9rem "";
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.newmag .content {
  margin-top: 0.45rem;
  margin-bottom: 0.35rem;
  font: 0.7rem / 0.9rem "";
  color: #333;
  word-wrap: break-word;
}
.newmag .time {
  font: 0.65rem / 0.7rem "";
  color: #999;
  margin-bottom: 0.55rem;
}
.newmag .imgs {
  float: left;
  width: 3rem;
  height: 3rem;
  margin-top: 0.5rem;
}
.newmag .more {
  height: 2.65rem;
  font: 0.7rem / 2.65rem "";
  text-align: center;
  width: 100%;
  border-bottom: 1px solid #E6E6E6;
}
.newmag .face-bq {
  width: auto;
  max-width: 1.25rem;
  max-height: .9rem;
  vertical-align: middle;
  margin: .1rem;
}
/*******新消息**end*/
.mui-slider-group {
  width: 100%;
  height: 100%;
}
.boxindex {
  background-color: #DD524D;
  width: 100%;
  height: 80%;
}
.lazy {
  opacity: 0;
}
